Recherche de nom de couleur

Accepte #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb()/rgba() avec des entiers et hsl()/hsla() avec des pourcentages.

Saisissez une couleur en HEX, RGB ou HSL pour trouver la couleur nommée CSS standardisée la plus proche. L’outil affiche aussi les valeurs HEX, RGB, HSL et CIELAB normalisées ainsi que l’écart CIEDE2000. Tout est calculé dans le navigateur. En mode par étapes, la couleur saisie figure dans l’URL de la page et est envoyée au serveur avec la requête; le calcul de correspondance reste effectué uniquement dans le navigateur.

Comment trouver un nom de couleur CSS

  1. 1

    Saisir une couleur

    Utilisez le champ texte ou le sélecteur. Les formats HEX stricts, RGB entiers et HSL en pourcentage sont acceptés.

  2. 2

    Valider et normaliser

    La valeur est validée puis convertie en sRGB, HSL et CIELAB avec un point blanc D65.

  3. 3

    Comparer les noms CSS

    CIEDE2000 compare la couleur RGB opaque à toutes les couleurs nommées CSS standardisées.

  4. 4

    Examiner ou copier

    Comparez les deux échantillons, consultez les valeurs et copiez le résultat.

Comprendre le résultat

CSS définit une liste fixe de couleurs nommées comme tomato, cornflowerblue et rebeccapurple. Si l’entrée n’en fait pas exactement partie, l’outil renvoie le nom le plus proche et sa valeur HEX canonique. Les alias équivalents, tels que aqua et cyan, sont regroupés.

Écart de couleur et formats

La comparaison convertit sRGB en CIELAB avec un point blanc D65, puis applique CIEDE2000. Un résultat de 0 correspond exactement au même RGB. Les HEX courts et longs, rgb()/rgba() entiers et hsl()/hsla() en pourcentage sont acceptés.

Le canal alpha reste dans le HEX à huit chiffres, mais n’intervient pas dans le nom. L’outil ne consulte ni Pantone, ni peinture, ni crayons, ni dictionnaires participatifs et n’échantillonne pas d’image. Pour l’accessibilité, vérifiez séparément le contraste WCAG.

Questions fréquentes

Uniquement si l’écart CIEDE2000 vaut 0. Sinon, il s’agit de la couleur nommée CSS standardisée la plus proche.

CSS contient des alias ayant le même RGB, par exemple aqua et cyan. Les égalités sont affichées ensemble.

Non. Le canal alpha est conservé dans le HEX normalisé, mais exclu de la comparaison.

Non. Utilisez le vérificateur de contraste pour tester le texte et l’arrière-plan selon les seuils WCAG.

Outils similaires