Couleur / Noms
Détecteur de nom de couleur : de Hex ou RGB au nom de couleur CSS le plus proche
Saisissez une couleur hexadécimale, RGB ou CSS et trouvez laquelle des 148 couleurs CSS nommées est la plus proche, classées selon leur différence perceptuelle dans CIELAB, avec des échantillons à comparer et la valeur hexadécimale de chaque nom.
Détecteur de nom de couleur : de Hex ou RGB au nom de couleur CSS le plus proche: La couleur saisie et chaque couleur CSS nommée sont converties dans l’espace colorimétrique CIELAB, où la distance correspond à la différence visuelle entre les couleurs. Les noms les plus proches sont classés selon leur différence de couleur ΔE : en dessous d’environ 2,3, la plupart des personnes ne voient pas de différence. Par exemple, #3a7bd5 est le plus proche de cornflowerblue. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.
- Catégorie
- Outils du quotidien
- Exécutions
- Dans votre navigateur
- Coût
- Gratuit · sans inscription
- Disponibilité
- Prêt à l'emploi
Fonctionne entièrement dans votre navigateur
La couleur est comparée aux 148 couleurs nommées CSS dans l'espace colorimétrique CIELAB, conçu pour que des distances égales correspondent à des différences visuellement à peu près équivalentes. La distance, ΔE, est inférieure à environ 2.3 lorsque la plupart des personnes ne peuvent pas percevoir de différence. N'importe quel nom CSS peut être utilisé dans une feuille de style à la place de son code hexadécimal, par exemple color: steelblue.
L’origine des noms
La plupart des noms de couleurs CSS proviennent de la liste de couleurs du système de fenêtrage X11 dans les années 1980, d’où l’existence de noms comme papayawhip et lightgoldenrodyellow. rebeccapurple, #663399, a été ajouté en 2014 à la mémoire de Rebecca Meyer.
Convertir les couleurs
Pour convertir une couleur en HSL, RGB ou dans une autre notation, utilisez le convertisseur de couleurs.
Comment l'utiliser
- Saisissez une couleur au format hexadécimal, rgb() ou sous forme de nom.
- Consultez le nom de couleur le plus proche et mesurez sa proximité.
- Comparez les échantillons et copiez le nom de votre choix.
Confidentialité et limitations
Tout fonctionne dans votre navigateur.
Outils associés
Questions fréquentes
Pourquoi utiliser les noms CSS ?
Il s’agit d’un ensemble standard et largement reconnu, qui fonctionne directement dans les feuilles de style, d’aliceblue à yellowgreen.
Que signifie ΔE ?
Il s’agit de la distance entre deux couleurs dans CIELAB. Autour de 1, c’est la plus petite différence que la plupart des personnes remarquent côte à côte ; au-dessus de 10, les couleurs sont clairement différentes.
Pourquoi grey et gray ne sont-ils pas tous les deux affichés ?
Il s’agit de la même couleur, avec deux orthographes ; l’outil n’affiche qu’une seule des deux.
Outil gratuit · dans votre navigateur exécutions · aucun compte requis