JSON et YAML
Convertissez entre JSON et YAML.
Convertisseur de couleurs
Convertissez une couleur entre HEX, RVB, TSL, TSV et CMJN, et vérifiez le contraste de son texte.
- HEX
- #4f46e5
- RGB
- rgb(79, 70, 229)
- HSL
- hsl(243, 75%, 59%)
- HSV
- hsv(243, 69%, 90%)
- CMYK
- cmyk(66%, 69%, 0%, 10%)
Contraste du texte (WCAG)
- Texte blanc sur cette couleur
- 6.29:1 Conforme AA
- Texte noir sur cette couleur
- 3.34:1 Grand texte uniquement
Vos fichiers restent sur votre appareil
Comment ça marche
- 1Saisissez une couleur dans n'importe quel format, ou choisissez-en une avec le sélecteur de couleur.
- 2Lisez la même couleur en HEX, RVB, TSL, TSV et CMJN.
- 3Copiez le format dont vous avez besoin.
- 4Consultez les lignes de contraste pour voir si du texte blanc ou noir est lisible dessus.
À quoi servent les options
- Entrées acceptées
- #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() et les noms de couleurs CSS comme tomato.
- Contraste
- Le rapport WCAG avec le blanc et le noir. 4,5:1 respecte le niveau AA pour le texte normal, 3:1 pour le grand texte.
Confidentialité
Tout s'exécute dans votre navigateur. Rien de ce que vous saisissez n'est envoyé à un serveur.
Questions fréquentes
La valeur CMJN est-elle exacte pour l'impression ?
Non. C'est une simple conversion mathématique depuis le RVB. Les imprimantes utilisent des profils colorimétriques, donc une épreuve d'imprimeur sera différente, surtout pour les bleus et verts vifs.
Quelle est la différence entre TSL et TSV ?
Les deux décrivent la teinte, la saturation et un axe de luminosité. En TSL, une luminosité de 100 pour cent donne toujours du blanc. En TSV, une valeur de 100 pour cent est la version la plus lumineuse de la couleur. Les outils de design utilisent souvent le TSV, le CSS utilise le TSL.
Que signifie l'hex à huit chiffres ?
Les deux derniers chiffres sont l'opacité, de 00 (transparent) à ff (opaque). #4f46e580 est opaque à environ 50 pour cent.
Pourquoi un nom de couleur ne fonctionne-t-il pas ?
Seules les couleurs nommées du CSS sont reconnues, comme tomato ou rebeccapurple. Pas celles des outils de design.
Quel contraste me faut-il ?
WCAG AA demande 4,5:1 pour le texte courant et 3:1 pour le grand texte et les éléments d'interface. AAA demande 7:1 pour le texte courant.