Conversion de code couleur — HEX, RGB, HSL, CMYK, vérification du contraste
Utile pour convertir les couleurs d'une maquette en code CSS, ou vérifier la lisibilité du texte d'un bouton selon les critères d'accessibilité.
Le fichier n'est pas envoyé au serveur — traitement effectué uniquement dans le navigateur de cet appareil
Vérification du contraste (WCAG)
Rapport de contraste avec le fond lorsque cette couleur est utilisée comme couleur de texte. Texte courant : AA 4,5:1, AAA 7:1 / grand texte (24px ou gras 18,7px et plus) : AA 3:1, AAA 4,5:1.
Nuances claires et foncées
Cliquez sur une case pour copier son code HEX.
Publicité
Comment utiliser Conversion de couleur
- 1Saisissez un code couleur ou choisissez-le avec le sélecteur de couleur (#4f46e5, rgb(), hsl() acceptés).
- 2Le code s'affiche dans tous les formats ; cliquez pour copier.
- 3Vérifie le ratio de contraste avec le blanc, le noir ou une couleur choisie, la conformité WCAG, ainsi que des nuances plus claires ou plus foncées.
Questions fréquentes
Quel ratio de contraste minimum faut-il viser ?
Le niveau WCAG AA exige un ratio d'au moins 4.5:1 pour le texte courant et 3:1 pour le grand texte ; le niveau AAA exige respectivement au moins 7:1 et 4.5:1.
Les valeurs CMYK diffèrent de celles de l'imprimeur.
La conversion CMYK ici est une simple conversion mathématique. Le résultat réel à l'impression dépend du papier et du profil d'encre : suivez les recommandations de votre imprimeur.
Publicité