Convertisseur de couleurs HEX, RGB, HSL et CMJN

Saisissez une couleur pour obtenir ses valeurs HEX, RGB, HSL et CMJN, son contraste WCAG et une palette assortie.

Convertir HEX, RGB, HSL et CMJN et mesurer le contraste WCAG

Un code HEX est l’écriture en base 16 des trois canaux RGB (0 à 255) : #10B981 vaut RGB(16, 185, 129), soit HSL(160°, 84 %, 39 %) et CMJN(91, 0, 30, 27). L’outil calcule aussi le contraste avec un texte blanc ou noir selon la formule WCAG : ici 8,28:1 avec le noir, niveau AAA.

Les conversions

  • HEX ↔ RGB : chaque paire de chiffres hexadécimaux donne un canal (10 = 16, B9 = 185, 81 = 129). La forme courte #abc est acceptée.
  • RGB → HSL : la luminosité vaut (max + min) ÷ 2 des canaux ramenés entre 0 et 1, la saturation dépend de l’écart max − min, la teinte de la couleur dominante. Les valeurs sont arrondies à l’unité, d’où un écart possible d’un point en aller-retour.
  • RGB → CMJN : K = 1 − max(R, V, B) ; C = (1 − R − K) ÷ (1 − K), idem pour M et J. Pour #10B981 : K = 27 %, C = 91 %, M = 0 %, J = 30 %.

Contraste WCAG

La luminance relative de chaque canal est linéarisée (c ÷ 12,92 sous le seuil 0,04045, sinon ((c + 0,055) ÷ 1,055)2,4), puis L = 0,2126 R + 0,7152 V + 0,0722 B. Le rapport de contraste vaut (Lclaire + 0,05) ÷ (Lfoncée + 0,05). Pour #10B981, L = 0,364 : 2,54:1 sur blanc, 8,28:1 sur noir. L’outil retient la meilleure des deux et affiche AAA à partir de 7:1, AA à partir de 4,5:1, sinon « échec ». Ce sont les seuils du texte courant ; un grand texte (18 pt, ou 14 pt gras) n’exige que 3:1 en AA et 4,5:1 en AAA, ce que l’outil ne distingue pas.

Palette et limites

La palette garde la teinte et la saturation et fait varier la luminosité HSL (95, 80, 60, 40 et 20 %). La conversion CMJN est mathématique, sans profil ICC ni couverture d’encre : pour l’impression, faites valider les valeurs par votre imprimeur. Le contraste ne compare la couleur qu’au blanc et au noir purs.

Sources et dates : seuils 4,5:1 et 7:1 (critères 1.4.3 et 1.4.6) et définition de la luminance relative des Web Content Accessibility Guidelines (WCAG) 2.2, recommandation W3C du 12/12/2024 (vérifié le 14/10/2026).

Questions fréquentes

Quel contraste minimum exige la norme WCAG ?

Le niveau AA demande un rapport d’au moins 4,5:1 pour le texte courant et 3:1 pour le grand texte (18 pt, ou 14 pt gras). Le niveau AAA monte à 7:1 et 4,5:1. Ces seuils figurent aux critères 1.4.3 et 1.4.6 des WCAG 2.2.

Comment convertir un code HEX en RGB ?

Découpez le code en trois paires et convertissez chacune de la base 16 vers la base 10 : #10B981 donne 10 = 16, B9 = 185, 81 = 129, soit RGB(16, 185, 129). Une forme courte comme #0f8 se lit #00ff88.

La conversion RGB vers CMJN est-elle fiable pour l’impression ?

Elle donne un ordre de grandeur. La formule K = 1 − max(R, V, B) ignore le profil ICC du papier et de la presse, si bien que la couleur imprimée peut différer de l’écran. Demandez à votre imprimeur les valeurs adaptées à son profil.

Ma couleur est-elle lisible avec un texte blanc ?

Calculez le rapport (L claire + 0,05) ÷ (L foncée + 0,05). Le vert #10B981 n’obtient que 2,54:1 avec le blanc, sous le seuil AA de 4,5:1, mais 8,28:1 avec le noir. L’outil propose automatiquement la couleur de texte la plus lisible.

L'outil est-il vraiment gratuit ?

Oui, l'intégralité des outils sur Kristools sont 100% gratuits et accessibles sans inscription.

Mes données sont-elles protégées ?

Oui. Tous les traitements sont effectués directement et en toute sécurité dans votre navigateur. Aucune donnée personnelle n'est envoyée vers nos serveurs.