Sélecteur de Couleur côté client ?
Comment utiliser Sélecteur de CouleurChoisissez une couleur et obtenez ses valeurs HEX, RGB, HSL et CMJN, puis générez des harmonies (complémentaire, triadique, analogue…), une gamme de teintes et nuances plus claires ou plus sombres, et vérifiez le contraste WCAG (ratios AA/AAA) contre une seconde couleur pour garantir l'accessibilité de vos textes. Un aperçu de daltonisme aide à valider vos choix. Tout est calculé dans votre navigateur.
?
Choisissez une couleur et obtenez ses valeurs HEX, RGB, HSL et CMJN, puis générez des harmonies (complémentaire, triadique, analogue…), une gamme de teintes et nuances plus claires ou plus sombres, et vérifiez le contraste WCAG (ratios AA/AAA) contre une seconde couleur pour garantir l'accessibilité de vos textes. Un aperçu de daltonisme aide à valider vos choix. Tout est calculé dans votre navigateur.
Palettes, harmonies, nuances et contraste WCAG depuis une couleur.
Comment utiliser Sélecteur de Couleur
Choisissez une couleur et obtenez ses valeurs HEX, RGB, HSL et CMJN, puis générez des harmonies (complémentaire, triadique, analogue…), une gamme de teintes et nuances plus claires ou plus sombres, et vérifiez le contraste WCAG (ratios AA/AAA) contre une seconde couleur pour garantir l'accessibilité de vos textes. Un aperçu de daltonisme aide à valider vos choix. Tout est calculé dans votre navigateur.
Questions fréquentes
Qu'est-ce qu'un bon contraste WCAG ?
Pour un texte normal, visez un ratio d'au moins 4,5:1 (niveau AA) ou 7:1 (AAA). Pour un grand texte, 3:1 (AA) suffit. L'outil affiche le ratio et les badges correspondants.