Trova il nome di un colore

Come trovare il nome di un colore

1. Scegli un colore con Scegli un colore oppure scrivi un valore in Codice colore: un codice HEX come #1E90FF, rgb(30 144 255), hsl(210 100% 56%) o qualsiasi altro colore CSS.
2. La prima volta lo strumento carica il suo elenco di circa 32 000 nomi di colori (qualche centinaio di kilobyte, una sola volta per visita). Dopodiché i risultati compaiono mentre scrivi.
3. Leggi il Nome più vicino accanto a Il tuo colore. Quando il codice è presente esattamente nell’elenco, l’etichetta indica Corrispondenza esatta.
4. Sotto trovi I 5 nomi più vicini e i Colori CSS con nome più vicini, con il loro codice HEX e la distanza (ΔE). Usa Copia nome o Copia HEX per prenderne uno.
5. Cambia Confronta con per scegliere tra CIEDE2000 (CIELAB) e Distanza OKLab, oppure clicca su Colore casuale per esplorare.

Il colore e la ricerca restano nel tuo browser.

Da dove vengono i nomi

I nomi provengono da color-name-list, una raccolta open source curata da David Aerne e da molti collaboratori con licenza MIT. Riunisce circa 32 000 nomi unici presi da cartelle colori di vernici, dizionari storici dei colori, natura, cultura pop e suggerimenti della community, da “Absolute Zero” a “Zucchini”. Ogni nome corrisponde a un solo codice HEX. I nomi sono in inglese: lo strumento non li traduce in italiano.

Lo strumento confronta il tuo colore anche con i 148 colori CSS con nome del CSS Color Level 4 (tomato, rebeccapurple, dodgerblue…), che ogni browser riconosce. I sinonimi con lo stesso codice vengono mostrati insieme, come gray / grey o aqua / cyan. Sono questi i nomi da usare in un foglio di stile quando vuoi qualcosa di leggibile.

Come viene scelto il colore più vicino

Confrontare i codici HEX cifra per cifra non funziona: #808080 e #7F8080 sono quasi identici, ma una piccola variazione in un altro canale può sembrare molto diversa. Lo strumento converte ogni colore in uno spazio colore percettivo e misura lì le distanze.

• CIEDE2000 (CIELAB) è la formula della differenza di colore della Commissione internazionale per l’illuminazione, usata nella stampa e per l’abbinamento delle vernici. Corregge la vecchia distanza CIELAB in base a come i nostri occhi giudicano luminosità, crominanza e tonalità, soprattutto nei blu e nei grigi. L’implementazione segue Sharma, Wu e Dalal (2005) ed è verificata sui loro dati di riferimento.
• La Distanza OKLab è la distanza in linea retta in OKLab, uno spazio moderno pensato per passi percettivi uniformi. Viene mostrata moltiplicata per 100, così si legge su una scala simile al ΔE2000. È più veloce e spesso concorda con CIEDE2000; quando non concordano, le differenze sono sottili.

Come riferimento, un ΔE sotto 1 è invisibile per la maggior parte delle persone, tra 1 e 2 è una differenza minima visibile solo affiancando i colori, sopra 5 i colori appaiono chiaramente diversi. Se il nome più vicino ha un ΔE alto, il tuo colore cade semplicemente tra due colori con nome.

Idee per usare i nomi dei colori

• Dai ai design token e ai campioni della palette un nome più amichevole di un codice.
• Descrivi un colore in un’e-mail, in una scheda prodotto o in un testo alternativo.
• Trova una parola chiave CSS vicina al colore del brand per prototipi veloci.