Convertisseur de couleurs
Collez ou choisissez une couleur CSS pour la voir dans tous les formats. Vérifiez son contraste avec un fond pour un texte accessible.
Toute couleur CSS : #2447c4, rgb(36 71 196), hsl(227 69% 46%), oklch(47% 0.2 265), rebeccapurple…
| Format | Valeur | Copier |
|---|---|---|
| HEX | — | |
| RGB | — | |
| HSL | — | |
| HWB | — | |
| OKLCH | — | |
| OKLab | — | |
| CMYK | — |
Contraste
Portez ce vieux whisky au juge blond qui fume.
- Rapport de contraste
- —
- AA texte normal (4,5:1)
- —
- AA grand texte (3:1)
- —
- AAA texte normal (7:1)
- —
- Sur blanc
- —
- Sur noir
- —
Questions fréquentes
Quel contraste faut-il ?
Les WCAG 2 (et le RGAA) demandent au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte (environ 24 px, ou 19 px en gras) au niveau AA, et 7:1 et 4,5:1 au niveau AAA.
Pourquoi OKLCH ?
OKLCH est conçu pour que des écarts égaux paraissent égaux à l’œil. Changer seulement la luminosité garde la teinte stable, pratique pour les palettes et les thèmes sombres. Tous les navigateurs modernes le prennent en charge.