#FFAA22
#FFAA22
Oranges · #fa2 est l’écriture abrégée à trois chiffres de #FFAA22. En CSS les deux notations désignent la même couleur.
| HEX | #FFAA22 |
|---|---|
| RVB | 255, 170, 34 |
| TSL | 37°, 100%, 57% |
| CMJN | 0%, 33%, 87%, 0% |
| Luminance relative | 0.5 |
Touchez un code pour le copier
Contraste du texte
Aa
Sur blanc
1.9:1 Sous AA
Aa
Sur noir
11.02:1 Conforme AA
Couleurs qui vont avec
Complémentaire
#2478FF
Analogues
#FF3D24#E5FF24
Triade
#24FFAB#AB24FF
Échelle de tons
50100200300400500600700800
Vue avec un daltonisme
ProtanopieDeutéranopieTritanopie
Comment lire
- Un code hex écrit le rouge, le vert et le bleu sur deux chiffres hexadécimaux chacun. #ff0000, c’est le rouge au maximum et le reste à zéro.
- Le TSL donne la teinte (0–360°), la saturation et la luminosité. Éclaircir une couleur revient à changer un seul nombre : plus simple à régler à la main.
- Le contraste suit la WCAG : 4.5:1 pour le texte courant, 3:1 pour les grands caractères. Le maximum possible est 21:1, entre blanc et noir.
- La ligne daltonisme calcule l’aspect de cette couleur pour trois déficiences — la raison de ne jamais coder une information par la seule couleur.
Questions fréquentes
Q. #fa2 et #FFAA22 sont-elles la même couleur ?
Oui. CSS double chaque chiffre d’un hex à trois positions, donc #fa2 devient #FFAA22. Seules 4 096 couleurs s’écrivent en trois chiffres, et celle-ci en fait partie.
Q. Quelle couleur de texte sur #FFAA22 ?
Du texte noir. Le contraste avec le blanc est de 1.9:1 et avec le noir de 11.02:1 : prenez le plus grand. WCAG demande 4,5:1 en taille de texte courant.
Q. Quelle couleur nommée est la plus proche de #FFAA22 ?
Souci. Ce n’est pas une correspondance exacte : quand la couleur compte, utilisez le code hex plutôt que le nom.