Informatique
Convertisseur de couleurs HEX, RVB, TSL, TSV et CMJN
Saisis une couleur dans n'importe quelle notation, ou choisis-la avec le sélecteur : obtiens-la dans toutes les autres et vois aussitôt si un texte blanc ou noir y serait lisible.
Les notations des couleurs et le contraste
À l'écran, chaque couleur est un mélange de rouge, vert et bleu, chacun de 0 à 255 : c'est la notation RVB (RGB), et le HEX est la même chose en hexadécimal, deux chiffres par canal. TSL et TSV (HSL et HSV) décrivent la même couleur de façon plus intuitive, par la teinte sur le cercle chromatique, la saturation et la luminosité, d'où leur usage pour créer des variantes plus claires ou plus sombres.
L'impression fonctionne à l'inverse : elle part du blanc du papier et retire de la lumière avec des encres cyan, magenta, jaune et noire, le CMJN (CMYK). La conversion exacte dépend du papier et de la presse ; celle affichée ici est théorique, utile pour une idée mais pas pour un fichier d'impression.
Le contraste WCAG mesure à quel point le texte se détache du fond, de 1:1 à 21:1, à partir de la luminance relative, qui pèse le vert bien plus que le bleu, comme l'œil. Les règles demandent au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte ; 7:1 correspond au niveau AAA.
Erreurs fréquentes
- Choisir la couleur du texte à l'œil : un jaune vif paraît fort mais il est très clair, et un texte blanc dessus est illisible.
- S'attendre à ce que le CMJN calculé s'imprime comme à l'écran : beaucoup de couleurs RVB vives ne sont pas imprimables.
- Oublier la transparence : une couleur avec alpha change d'aspect et de contraste selon ce qu'il y a dessous.
Questions fréquentes
Quel contraste faut-il pour être accessible ?
Les WCAG 2 demandent 4,5:1 pour le texte normal (niveau AA), 3:1 pour le grand texte de 24 px ou 19 px en gras, et 7:1 pour le niveau AAA.
Quelle différence entre TSL et TSV ?
Les deux utilisent teinte et saturation. En TSL, une luminosité de 100 % donne toujours du blanc et 50 % la couleur pure ; en TSV, une valeur de 100 % donne la couleur pure à pleine intensité.
Comment écrire une couleur transparente ?
Avec un canal alpha : #185FA580 en HEX à huit chiffres, ou rgba(24, 95, 165, 0.5). L'alpha va de 0, transparent, à 1, opaque.
Comment fonctionne ce calcul
HEX #RRGGBB : chaque paire est un canal de 00 à FF. TSL : avec le maximum et le minimum des canaux normalisés, L = (max + min) / 2, S = (max − min) / (1 − |2L − 1|), T selon l'angle du canal dominant. CMJN : N = 1 − max, C = (1 − R − N) / (1 − N) et ainsi de suite. Contraste = (L1 + 0,05) / (L2 + 0,05), avec la luminance L = 0,2126 R + 0,7152 V + 0,0722 B sur les canaux linéarisés.
Calculs liés
Encodage d'URL
Encodage et décodage en pourcentage de valeurs et d'adresses, et une URL découpée en ses parties.
Codes Unicode et UTF-8
Le point de code, les octets UTF-8 et UTF-16 et le code HTML de chaque caractère, emoji compris.
Convertisseur de timestamp Unix
Du timestamp Unix à la date et l'heure et retour : secondes, millisecondes, UTC et heure locale.