Dans cet article
Pourquoi trouver des noms de couleurs est important
Les couleurs en design numerique sont generalement exprimees en codes hexadecimaux, valeurs RGB ou valeurs HSL. Bien que precises, ces representations numeriques sont insignifiantes pour la plupart des gens. Un nom de couleur comme 'Coral' ou 'Steel Blue' communique instantanement, rendant les discussions de design, la documentation et les revues de code plus efficaces.
CSS supporte 148 couleurs nommees utilisables directement dans les feuilles de style. Trouver la couleur nommee la plus proche pour un code hexadecimal donne aide les developpeurs a ecrire du CSS plus lisible, ameliore la documentation d'accessibilite et rend les tokens de systeme de design plus comprehensibles. Les noms de couleurs ameliorent aussi la communication entre designers et developpeurs.
Comment fonctionne la correspondance des noms de couleurs
Les outils de recherche de noms de couleurs fonctionnent en calculant la distance entre une couleur d'entree et chaque couleur nommee dans une palette de reference.
- Distance RGB — la methode la plus simple calcule la distance euclidienne dans l'espace colorimetrique RGB, traitant R, G et B comme des coordonnees tridimensionnelles
- RGB pondere — ajuste le calcul de distance en ponderant les canaux differemment. Les yeux humains sont plus sensibles au vert, donc les differences de vert sont ponderees plus fortement
- Delta E (CIE76/CIE2000) — convertit les couleurs dans l'espace colorimetrique CIELAB, concu pour etre perceptuellement uniforme. Un Delta E de 1.0 represente la plus petite difference de couleur qu'un humain peut percevoir
Essayez gratuitement — sans inscription
Trouver un nom de couleur →Reference des couleurs nommees CSS
CSS definit 148 couleurs nommees qui fonctionnent dans tous les navigateurs modernes. Ces noms peuvent etre utilises partout ou une valeur de couleur est acceptee.
- Couleurs de base — 16 couleurs HTML originales : black, white, red, green, blue, yellow, cyan, magenta et 8 autres definies depuis HTML 3.2
- Couleurs etendues — 132 noms supplementaires ajoutes en CSS3, allant de 'AliceBlue' a 'YellowGreen', provenant de la liste de couleurs X11
- Valeurs speciales — 'transparent' (entierement transparent) et 'currentColor' (herite de la propriete color) sont aussi des mots-cles de couleur CSS valides
Questions frequemment posees
Quelle est la precision de la correspondance des noms de couleurs ?
La precision depend de l'algorithme de correspondance et de la palette de reference. Avec 148 couleurs nommees CSS, la correspondance la plus proche peut encore etre notablement differente de la couleur d'entree. Pour un travail de design necessitant des couleurs exactes, utilisez directement la valeur hexadecimale ou RGB.
Quelle est la difference entre la distance de couleur perceptuelle et mathematique ?
La distance mathematique (euclidienne RGB) traite l'espace colorimetrique comme uniforme, mais la vision humaine ne percoit pas les differences de couleur uniformement. Nous sommes plus sensibles au vert et moins au bleu. Les methodes de distance perceptuelle comme Delta E (CIE2000) tiennent compte de ces differences en convertissant vers un espace perceptuellement uniforme.
Peut-on utiliser les noms de couleurs Pantone ?
Les couleurs Pantone sont un systeme proprietaire avec des milliers de couleurs nommees utilisees principalement en impression. Elles ne font pas partie des standards CSS ou web. La conversion entre Pantone et hexadecimal est approximative car les couleurs Pantone sont definies pour des formulations d'encre specifiques et des types de papier, pas pour l'affichage sur ecran.