Outils développeurs
Convertisseur de couleurs
Convertissez une couleur entre HEX, RGB, HSL, HSV, CMJN, Lab, LCH, OKLab et OKLCH en collant n'importe quel format, avec nom CSS, contraste WCAG, nuances et harmonies.
Comment utiliser cet outil
- 1
Saisissez ou collez une couleur, ou utilisez le sélecteur (et la pipette si votre navigateur la propose).
- 2
Copiez le format dont vous avez besoin.
- 3
Contrôlez le contraste sur blanc et sur noir pour vos textes.
- 4
Explorez les nuances et les harmonies, puis cliquez sur celle qui vous plaît.
Aide
- Collez la couleur dans le format de votre choix (#1e90ff, rgb(30 144 255), hsl(210 100% 56%), oklch(66% 0.19 250), cmyk(88%, 44%, 0%, 0%), dodgerblue) : le format est reconnu et tous les autres s'affichent, chacun avec son bouton copier.
- Lab et LCH suivent la définition CSS (blanc de référence D50) ; OKLab et OKLCH sont des espaces perceptuels modernes, utiles pour fabriquer des dégradés et des palettes régulières.
- Le CMJN est une conversion mathématique simple, pas un profil d'imprimeur : les couleurs imprimées diffèrent. Une couleur hors du gamut sRGB est ramenée à la plus proche affichable.
- Le rapport de contraste WCAG est calculé contre le blanc et contre le noir, avec les seuils AA et AAA (texte courant et grand texte).
- Les nuances gardent la teinte avec une clarté régulière ; les harmonies (complémentaire, triade, analogue…) font tourner la teinte. Cliquez sur une pastille pour la reprendre.
Questions fréquentes
Quelle différence entre HSL et OKLCH ?
HSL est simple mais trompeur : deux couleurs de même clarté HSL peuvent paraître très inégalement claires. OKLCH est conçu pour que la clarté perçue soit régulière, ce qui donne de meilleurs dégradés et de meilleures palettes.
Pourquoi le CMJN affiché ne correspond-il pas à mon imprimante ?
Les valeurs CMJN dépendent de l'encre, du papier et du profil ICC de l'imprimeur. L'outil fait la conversion théorique depuis le RVB ; pour l'impression, demandez la conversion à votre imprimeur.
Quel contraste faut-il viser ?
Les règles WCAG demandent au moins 4,5:1 pour le texte courant et 3:1 pour le grand texte (niveau AA), ou 7:1 et 4,5:1 pour le niveau AAA.
Écrit et vérifié par l'équipe MaxyTools · Mis à jour le
Cet outil vous a-t-il aidé ?