Sfoglia tutti i 140 colori CSS/HTML con nome standard in una bellissima griglia di campioni — cerca per nome o esadecimale, filtra per famiglia di colori e copia il valore hex, rgb() o hsl() di qualsiasi colore con un clic. Nel browser, gratuito.

Tutti i 140 colori CSS/HTML con nome standard, con i loro valori hex, RGB e HSL. Tutto funziona nel tuo browser da un riferimento integrato — nulla viene inviato al server.

Nessun colore corrisponde alla ricerca.
Prova un nome o un esadecimale diverso — ad esempio RebeccaPurple, #00FF00 o teal.

Informazioni su Nomi colori HTML

Questo riferimento presenta tutti i 140 colori con nome standard CSS/HTML — l'elenco completo che i browser comprendono, da AliceBlue a YellowGreen — come una griglia di campioni responsiva. Ogni campione mostra il colore stesso con il suo nome e valore esadecimale, e cliccandoci sopra si aprono le sue forme hex, rgb() e hsl(), ciascuna copiabile con un clic.

Puoi cercare per nome o valore esadecimale — Tomato e #FF6347 trovano lo stesso campione — e filtrare per famiglia: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites e Grays & Blacks. La vista per famiglia è il modo più rapido per selezionare candidati quando conosci approssimativamente la tonalità che vuoi.

I colori con nome sono comodi per prototipi, esempi di codice, riempimenti SVG e didattica, perché un nome come RebeccaPurple comunica l'intento meglio di una tripletta esadecimale. I valori RGB e HSL sono derivati nel tuo browser dall'esadecimale di ogni colore, e nulla di ciò che cerchi viene inviato a un server.

Come usare Nomi colori HTML

  1. Cerca per nome del colore o valore esadecimale — per esempio Tomato, teal o #00FF00.
  2. Filtra per famiglia — Reds, Blues, Grays e così via — per selezionare colori in un unico intervallo di tonalità.
  3. Clicca un campione per copiarne istantaneamente il valore esadecimale.
  4. Apri il popover del campione per copiare invece la forma rgb() o hsl().

Domande frequenti

Ci sono 140 colori con nome standard nel CSS moderno, che estendono i 16 colori HTML originali con l'elenco più ampio derivato da X11. Ogni browser attuale li supporta tutti, in qualsiasi proprietà che accetta un colore.

No. tomato, Tomato e TOMATO sono tutti validi e identici in CSS e HTML. Le forme in camelCase mostrate qui sono solo la grafia convenzionale che rende leggibili i nomi composti da più parole come LightGoldenrodYellow.

I nomi sono ottimi per esempi, prototipi e accenti occasionali; le palette di produzione vivono di solito in proprietà personalizzate con valori hex, rgb() o hsl(), perché i colori di un design system raramente corrispondono esattamente a un colore con nome. Funzionalmente, un nome e il suo esadecimale sono intercambiabili.

CSS include entrambe le grafie per gray e le sue varianti — gray/grey, darkgray/darkgrey e così via — mappando ogni coppia allo stesso valore, quindi nessuna delle due grafie è sbagliata.

Sì. Tutti i 140 campioni, la ricerca, i filtri per famiglia e la copia di hex/rgb()/hsl() sono gratuiti e funzionano interamente nel tuo browser.

Hai bisogno di aiuto?
Hai riscontrato un problema con questo strumento? Faccelo sapere.
Segnala un problema

Aggiungi questo strumento gratuito al tuo sito web — copia e incolla il codice qui sotto.