Vai al selettore colori

Nomi dei colori CSS

Tutti i colori con nome della specifica CSS (148 in totale), raggruppati per tonalità e ordinati dal chiaro allo scuro. Clicca su un nome o su un valore HEX per copiarlo.

Rosso

Rosso rosato

Rosa

Magenta

  • uguale a magenta

  • uguale a fuchsia

Porpora

Viola

Indaco

Blu

  • uguale a lightslategrey

  • uguale a lightslategray

  • uguale a slategrey

  • uguale a slategray

Azzurro

Ciano

  • uguale a cyan

  • uguale a aqua

  • uguale a darkslategrey

  • uguale a darkslategray

Verde petrolio

Smeraldo

Verde

Verde lime

Giallo

Ambra

Arancione

Marrone

Beige

Bianco

Grigio

  • uguale a lightgrey

  • uguale a lightgray

  • uguale a darkgrey

  • uguale a darkgray

  • uguale a grey

  • uguale a gray

  • uguale a dimgrey

  • uguale a dimgray

Nero

Domande e risposte

Quanti colori con nome ha il CSS?

CSS Color 4 definisce 148 colori con nome, da aliceblue a yellowgreen. Alcuni sono sinonimi con lo stesso valore, come gray e grey o aqua e cyan. Esistono poi le parole chiave transparent e currentcolor, che non sono colori fissi.

In CSS gray e grey sono la stessa cosa?

Sì. Ogni nome con gray ha una variante con grey dallo stesso identico valore: per esempio darkgray e darkgrey sono entrambi #a9a9a9. Nota che darkgray è più chiaro di gray, una stranezza ereditata dalla lista di colori X11.

Conviene usare i nomi dei colori nel CSS di produzione?

I colori con nome funzionano in tutti i browser, quindi vanno bene per prototipi, demo e stili occasionali. Per un prodotto è meglio usare i tuoi token in OKLCH o HEX: sono più facili da regolare come scala e da mantenere coerenti tra i temi.