Chaque designer et développeur se heurte à ces obstacles en changeant de format couleur.
Les outils de design exportent en HEX, CSS attend du HSL, et l'impression exige du CMYK. Sans un convertisseur de couleurs, vous devinez manuellement ou sautez de site en site — perdant un temps précieux.
Convertir du RGB en HSL à la main implique de la trigonométrie. Une seule faute de frappe dans la formule fait tourner votre teinte de 180°. Color Math effectue tous les calculs instantanément et correctement.
La plupart des sélecteurs de couleurs ignorent les exigences de contraste WCAG 2.1. Color Math affiche les ratios de contraste immédiatement, pour que l'accessibilité soit intégrée dès le premier clic.
Aperçu de la couleur
#3B82F6
rgb(59, 130, 246)
Current
Complémentaire
Analogue
Triadique
Cliquez sur une teinte pour la charger
White text on color
Black text on color
Vos couleurs enregistrées apparaissent ici
Un seul convertisseur de couleurs pour tous les systèmes. Color Math remplace plusieurs outils à la fois.
Modifiez n'importe quel champ — HEX, RGB, HSL ou CMYK — et Color Math recalcule instantanément tous les autres formats. Pas besoin de valider.
Faites glisser les curseurs R, G, B, H, S, L, C, M, Y, K et regardez tous les formats se mettre à jour en direct. Idéal pour affiner les nuances sans toucher au clavier.
Color Math génère des palettes complémentaires, analogues et triadiques à partir de votre couleur. Cliquez sur une teinte pour la charger immédiatement dans votre espace de travail.
Visualisez les ratios de contraste sur fond blanc et noir d'un coup d'œil. Color Math indique AA, AAA ou échec — pour des designs accessibles par défaut.
Chaque couleur enregistrée persiste dans votre navigateur entre les sessions. Color Math conserve jusqu'à 10 couleurs récentes pour les revoir et les comparer à tout moment.
Tous les calculs de Color Math s'exécutent entièrement dans votre navigateur. Aucune donnée n'est transmise, aucun compte requis — vos couleurs restent vôtres.
Du lien entre design et code à l'impression et à l'accessibilité — Color Math s'adapte à chaque étape de votre workflow couleur.
Vous avez récupéré un HEX dans Figma ? Collez-le dans Color Math et obtenez instantanément l'équivalent HSL pour vos propriétés CSS. Ajustez la luminosité pour créer les états survol et focus sans rouvrir le fichier de design.
Color Math convertit votre RGB écran en valeurs CMYK théoriques pour repérer les couleurs hors-gamut avant l'envoi au prestataire. Anticipez les mauvaises surprises sans frais.
Color Math calcule les ratios de contraste WCAG 2.1 sur fond blanc et noir en temps réel. Sachez immédiatement si votre couleur de texte satisfait les niveaux AA ou AAA — sans outil supplémentaire.
Trois étapes pour convertir, explorer et enregistrer n'importe quelle couleur.
Tapez un code HEX (les abréviations comme #f00 s'élargissent automatiquement) ou faites glisser un curseur pour commencer. Color Math accepte simultanément les entrées HEX, RGB, HSL et CMYK.
Basculez entre les onglets RGB, HSL et CMYK pour ajuster via les curseurs. Faites défiler jusqu'au panneau Palette pour voir les couleurs complémentaires, analogues et triadiques générées par Color Math.
Cliquez sur un bouton Copier pour récupérer le format souhaité. Appuyez sur Enregistrer pour ajouter la nuance à votre historique. Color Math conserve jusqu'à 10 couleurs entre les sessions.
Réponses aux questions les plus fréquentes sur Color Math et la conversion des couleurs.
Color Math est un convertisseur de couleurs en ligne gratuit qui transforme les codes HEX, RGB, HSL et CMYK en temps réel. Il génère également des palettes (complémentaire, analogue, triadique) et calcule les ratios de contraste WCAG 2.1 — sans aucune requête serveur.
Color Math utilise une formule mathématique standard (RGB → CMYK) qui fournit une bonne estimation théorique. Cependant, le rendu réel à l'impression dépend de votre imprimante, vos encres, votre papier et votre profil ICC. Utilisez Color Math comme référence, et non comme substitut à la gestion colorimétrique professionnelle.
WCAG 2.1 définit des ratios de contraste minimum pour la lisibilité du texte. AA exige 4,5:1 pour le texte normal et 3:1 pour les grands textes. AAA exige 7:1 pour le texte normal. Color Math calcule ces ratios pour le blanc pur et le noir pur afin de vous aider à choisir le bon fond.
HSL (Teinte, Saturation, Luminosité) correspond mieux à la façon dont CSS définit les couleurs et dont les designers pensent les teintes. Une Luminosité de 50 % en HSL donne la version la plus pure d'une teinte, facilitant la génération de variantes plus claires ou plus foncées en ajustant une seule valeur.
Color Math enregistre vos couleurs uniquement dans le localStorage de votre navigateur — jamais sur un serveur. L'historique est local à votre appareil. Vider les données du navigateur supprimera cet historique.
Color Math calcule les couleurs de la palette en théorie des couleurs HSL. Les couleurs complémentaires sont à 180° sur la roue chromatique. Les couleurs analogues sont à ±30°. Les couleurs triadiques sont à +120° et +240°. La saturation et la luminosité restent identiques à la couleur d'origine.
Oui. Color Math est entièrement responsive. Les curseurs, champs de saisie et grille de palette s'adaptent aux petits écrans. Tous les calculs sont locaux — aucune latence sur les réseaux mobiles.
Sans inscription. Fonctionne hors ligne après le premier chargement.
