Convertisseur de couleurs
Collez un code HEX, RGB, HSL ou un nom de couleur et obtenez tous les formats d’un coup, avec un test de contraste WCAG.
- Fonctionne sur votre appareil
- Sans inscription
- Fonctionne hors ligne après une visite
Accepte #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() ou un nom de couleur CSS comme rebeccapurple.
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
Chaque rapport est calculé selon le WCAG 2.x. Un grand texte mesure 24 px ou plus, ou 18,66 px et en gras. Les seuils sont vérifiés sur le rapport exact, et une couleur translucide est d’abord mélangée à chaque arrière-plan.
Comment convertir un code couleur
- Saisissez un code HEX, une valeur rgb(), hsl() ou un nom de couleur, ou choisissez-en une avec le carré de couleur.
- Copiez le format dont vous avez besoin parmi les cinq résultats.
- Lisez le rapport de contraste et les mentions AA ou AAA sur blanc, sur noir et sur un arrière-plan de votre choix.
Questions
Pourquoi la valeur CMJN n’est-elle qu’approximative ?
Le CMJN dépend de l’encre, du papier et du profil colorimétrique de l’imprimeur. Ce convertisseur utilise la formule arithmétique simple, qui ignore ces trois éléments : une couleur imprimée sera donc différente de l’écran. Demandez une épreuve à l’imprimeur avant un tirage important.
Comment le rapport de contraste est-il calculé ?
Le WCAG 2.x détermine la luminance relative de chaque couleur à partir de ses valeurs de rouge, de vert et de bleu après correction gamma. Le rapport est la luminance la plus claire plus 0,05, divisée par la luminance la plus sombre plus 0,05. Noir sur blanc donne 21:1, le maximum possible.
Quels seuils le contrôle utilise-t-il ?
Le WCAG 2.x exige au moins 4,5:1 pour un texte normal et 3:1 pour un grand texte au niveau AA, puis 7:1 et 4,5:1 au niveau AAA. Un grand texte mesure 24 px ou plus, ou 18,66 px et en gras.
Quels formats de couleur la zone accepte-t-elle ?
Les codes hexadécimaux à trois, six ou huit chiffres, rgb() et rgba(), hsl() et hsla(), ainsi que les noms de couleurs CSS comme rebeccapurple. Le navigateur lit la valeur : tout ce qu’il reconnaît comme une couleur CSS fonctionne.
Avis
Aucun avis pour l’instant. Soyez le premier.