Cercador del nom d'un color

Com utilitzar el cercador del nom d’un color

1. Tria un color amb Tria un color, o escriu un valor a Codi del color: un codi HEX com #1E90FF, rgb(30 144 255), hsl(210 100% 56%) o qualsevol altre color CSS.
2. La primera vegada, l’eina carrega la seva llista d’unes 32 000 denominacions de colors (uns quants centenars de quilobytes, un cop per visita). Després, els resultats apareixen mentre escrius.
3. Llegeix el Nom més proper al costat d’El teu color. Quan el codi és exactament a la llista, l’etiqueta indica Coincidència exacta.
4. A sota, els 5 noms més propers i els Colors amb nom CSS més propers apareixen amb el seu codi HEX i la seva distància (ΔE). Fes servir Copia el nom o Copia el HEX per quedar-te’n amb un.
5. Canvia Compara amb per comparar amb CIEDE2000 (CIELAB) o amb Distància OKLab, o fes clic a Color aleatori per explorar.

El color i la cerca es queden al teu navegador.

D’on surten els noms

Els noms provenen de color-name-list, una col·lecció de codi obert mantinguda per David Aerne i molts col·laboradors amb llicència MIT. Reuneix unes 32 000 denominacions úniques procedents de cartes de pintura, diccionaris històrics del color, la natura, la cultura popular i suggeriments de la comunitat, des d’«Absolute Zero» fins a «Zucchini». Cada nom correspon exactament a un codi HEX. Els noms són en anglès: l’eina no tradueix la llista al català, de manera que el resultat serà una denominació anglesa.

L’eina també compara el teu color amb els 148 colors amb nom de CSS de CSS Color Level 4 (tomato, rebeccapurple, dodgerblue…), que tots els navegadors entenen. Els sinònims que comparteixen el mateix codi es mostren junts, com gray / grey o aqua / cyan. Són els noms que has d’usar en un full d’estils quan vols alguna cosa llegible.

Com es tria el color més proper

Comparar codis HEX dígit a dígit no funciona: #808080 i #7F8080 són gairebé idèntics, però un petit canvi en un altre canal pot semblar molt diferent. L’eina converteix cada color a un espai de color perceptual i hi mesura les distàncies.

• CIEDE2000 (CIELAB) és la fórmula de diferència de color de la Comissió Internacional de la Il·luminació, utilitzada en impressió i en l’harmonització de pintures. Corregeix l’antiga distància CIELAB segons com jutgen els nostres ulls la lluminositat, la croma i el to, sobretot en els blaus i els grisos propers. La implementació segueix Sharma, Wu i Dalal (2005) i s’ha provat amb les seves dades de referència.
• La distància OKLab és la distància en línia recta a OKLab, un espai modern dissenyat perquè els passos siguin perceptualment uniformes. Es mostra multiplicada per 100 perquè es llegeixi en una escala semblant al ΔE2000. És més ràpida i sovint coincideix amb CIEDE2000; quan no coincideixen, les diferències són subtils.

Com a referència, un ΔE inferior a 1 és invisible per a la majoria de persones, d‘1 a 2 és una diferència molt lleu que es veu amb els colors un al costat de l’altre, i per sobre de 5 els colors es veuen clarament diferents. Si el nom més proper té un ΔE gran, el teu color simplement queda entre colors amb nom.

Idees per utilitzar els noms de colors

• Posa nom als tokens de disseny i a les mostres de paleta amb alguna cosa més amable que un codi.
• Descriu un color en un correu electrònic, en la fitxa d’un producte o en un text alternatiu.
• Troba una paraula clau CSS propera a un color de marca per fer prototips ràpids.