Convertisseur de couleur

Convertit HEX, RGB et HSL, et vérifie le contraste. HEX vers RGB dans un seul sens reste sur Hex en RVB

Ce que fait cette page

La même couleur peut s'écrire en HEX, RGB ou HSL. Cette page garde les trois alignés et vérifie le contraste avec un second HEX. HEX vers RGB dans un seul sens reste sur Hex en RVB.

Comment l'utiliser

  1. Saisissez une couleur HEX, ou R, G et B, ou H, S et L. Les autres champs et le témoin se mettent à jour en tapant. Il n'y a pas de bouton Convertir.
  2. Comparer avec est le second HEX utilisé pour le contraste.
  3. Afficher un exemple met Comparer avec sur #e8f0f6 et HEX sur #112233. R est 17, G est 34, B est 51. H est 210, S est 50, L est 13. Le rapport est 14.02:1. Le texte normal AA, AAA et le grand texte AA réussissent.
  4. Tout effacer vide tous les champs, le témoin et le rapport.

Règles et limites

#RGB s'étend en doublant chaque chiffre, donc #123 est #112233. Une valeur qui n'a pas 3 ou 6 chiffres hexadécimaux s'arrête avec une erreur. H va de 0 à 360, S et L de 0 à 100, et R, G et B de 0 à 255. Le contraste utilise la luminance relative WCAG. AA pour le texte normal est 4.5:1, AAA est 7:1, et AA pour le grand texte est 3:1. Un champ Comparer avec vide cache le rapport.

Où on s'en sert

  • Passer une couleur HEX foncée en HSL.
  • Vérifier un bleu foncé sur un fond clair.
  • Lire la même couleur comme 17, 34, 51.

Questions

Cette page convertit-elle HSB, HWB ou CMYK ?

Non. Elle convertit HEX, RGB et HSL, et montre le contraste.

Pourquoi les trois niveaux réussissent-ils ?

14.02:1 est au-dessus de 7, donc le texte normal AA, AAA et le grand texte AA réussissent pour #112233 sur #e8f0f6.