In questo articolo
Perche trovare i nomi dei colori e importante
I colori nel design digitale sono tipicamente espressi come codici esadecimali, valori RGB o valori HSL. Sebbene precisi, queste rappresentazioni numeriche non hanno significato per la maggior parte delle persone. Un nome di colore come 'Coral' o 'Steel Blue' comunica istantaneamente, rendendo le discussioni di design, la documentazione e le revisioni del codice piu efficienti.
CSS supporta 148 colori con nome che possono essere usati direttamente nei fogli di stile. Trovare il colore con nome piu vicino per un dato codice esadecimale aiuta gli sviluppatori a scrivere CSS piu leggibile e rende i token dei sistemi di design piu comprensibili.
Come funziona il matching dei nomi dei colori
I cercatori di nomi di colori funzionano calcolando la distanza tra un colore di input e ogni colore con nome in una palette di riferimento.
- Distanza RGB — il metodo piu semplice calcola la distanza euclidea nello spazio colore RGB, trattando R, G e B come coordinate tridimensionali
- RGB pesato — regola il calcolo della distanza pesando i canali in modo diverso. Gli occhi umani sono piu sensibili al verde, quindi le differenze di verde sono pesate di piu
- Delta E (CIE76/CIE2000) — converte i colori nello spazio colore CIELAB, progettato per essere percettivamente uniforme. Un Delta E di 1.0 rappresenta la piu piccola differenza di colore percepibile da un umano
Prova gratuitamente — nessuna registrazione richiesta
Trova un nome di colore →Riferimento colori con nome CSS
CSS definisce 148 colori con nome che funzionano in tutti i browser moderni. Questi nomi possono essere usati ovunque sia accettato un valore di colore.
- Colori base — 16 colori HTML originali: black, white, red, green, blue, yellow, cyan, magenta e 8 altri definiti dal HTML 3.2
- Colori estesi — 132 nomi aggiuntivi aggiunti in CSS3, da 'AliceBlue' a 'YellowGreen', originariamente dalla lista colori X11
- Valori speciali — 'transparent' (completamente trasparente) e 'currentColor' (eredita dalla proprieta color) sono anche parole chiave colore CSS valide
Domande frequenti
Quanto e preciso il matching dei nomi dei colori?
La precisione dipende dall'algoritmo di matching e dalla palette di riferimento. Con 148 colori con nome CSS, la corrispondenza piu vicina puo comunque differire notevolmente dal colore di input. Per lavori di design che richiedono colori esatti, usa direttamente il valore esadecimale o RGB.
Qual e la differenza tra distanza di colore percettiva e matematica?
La distanza matematica (euclidea RGB) tratta lo spazio colore come uniforme, ma la visione umana non percepisce le differenze di colore uniformemente. Siamo piu sensibili al verde e meno al blu. I metodi di distanza percettiva come Delta E (CIE2000) tengono conto di queste differenze convertendo in uno spazio colore percettivamente uniforme.
Si possono usare i nomi dei colori Pantone?
I colori Pantone sono un sistema proprietario con migliaia di colori con nome usati principalmente nella stampa. Non fanno parte dei CSS o degli standard web. La conversione tra Pantone e colori esadecimali e approssimativa perche i colori Pantone sono definiti per formulazioni di inchiostro specifiche e tipi di carta, non per la visualizzazione su schermo.