Convertisseur de Couleurs
Hexadécimal, RVB et TSL d'une couleur, avec sa complémentaire et le contraste sur noir et blanc.
Résultats
Hexadécimal
#d1490b
RVB
rgb(209, 73, 11)
TSL
hsl(19, 90%, 43%)
Couleur complémentaire
#2eb6f4
Couleur de texte lisible
#000000
Contraste sur blanc
4,50
Contraste sur noir
4,67
Luminance de la scène
0,1834
Ce que fait cet outil
Une même couleur porte trois noms selon l'interlocuteur. Pour l'éclaircir ou l'adoucir, il faut le TSL : c'est le seul où cela tient en un nombre.
Formule
convertit entre hexadécimal, RGB et HSL, et calcule la luminance de la norme WCAG
Variables
| Symbole | Signification | Unité |
|---|---|---|
color | Couleur | — |
HX | Hexadécimal | — |
RG | RVB | — |
HS | TSL | — |
CP | Couleur complémentaire | — |
ON | Couleur de texte lisible | — |
CW | Contraste sur blanc | — |
CB | Contraste sur noir | — |
LU | Luminance de la scène | — |
Exemple résolu
- Couleur#d1490b
- Hexadécimal#d1490b
- RVBrgb(209, 73, 11)
- TSLhsl(19, 90%, 43%)
- Couleur complémentaire#2eb6f4
- Couleur de texte lisible#000000
- Contraste sur blanc4,50
- Contraste sur noir4,67
- Luminance de la scène0,1834
Limites
- Le calcul s'effectue entièrement dans votre navigateur. Les valeurs saisies ne sont jamais envoyées à un serveur.
- Les valeurs par défaut sont des références typiques, pas des mesures de votre situation. Remplacez-les par vos propres données dès que possible.
Questions fréquentes
Quel rapport de contraste faut-il ?
Les WCAG demandent au moins 4,5 pour 1 pour le texte courant et 3 pour 1 pour le grand texte. Les deux chiffres sont le contraste sur blanc et sur noir.