Trova nome colore

Supporta #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb()/rgba() con interi e hsl()/hsla() con percentuali.

Inserisci un colore HEX, RGB o HSL per trovare il colore CSS standard con nome più vicino. Vedrai anche HEX, RGB, HSL e CIELAB normalizzati e la differenza CIEDE2000. Il calcolo avviene nel browser. Nella modalità a passaggi, il colore inserito compare nell’URL della pagina e viene inviato al server con la richiesta; il calcolo della corrispondenza continua a svolgersi solo nel browser.

Come trovare il nome CSS di un colore

  1. 1

    Inserisci un colore

    Usa il campo di testo o il selettore. Sono accettati HEX rigorosi, RGB interi e HSL in percentuale.

  2. 2

    Valida e normalizza

    Il valore viene validato e convertito in sRGB, HSL e CIELAB con punto di bianco D65.

  3. 3

    Confronta i nomi CSS

    CIEDE2000 confronta il colore RGB opaco con tutti i colori CSS standard dotati di nome.

  4. 4

    Controlla o copia

    Confronta i campioni, leggi i valori e copia il risultato.

Come leggere il risultato

CSS definisce un elenco fisso di colori con nome, come tomato, cornflowerblue e rebeccapurple. Se il colore non coincide esattamente, viene mostrato il nome più vicino con il relativo HEX canonico. Gli alias equivalenti, come aqua e cyan, compaiono insieme.

Il confronto converte sRGB in CIELAB con punto di bianco D65 e applica CIEDE2000. Il valore 0 indica una corrispondenza RGB esatta. Sono supportati HEX brevi e lunghi, rgb()/rgba() con interi e hsl()/hsla() con percentuali.

Il canale alfa resta nell’HEX a otto cifre, ma non influisce sul nome. Lo strumento non consulta Pantone, vernici, pastelli o dizionari collaborativi e non campiona immagini. Per l’accessibilità occorre verificare separatamente il contrasto WCAG.

Domande frequenti

Solo con differenza CIEDE2000 pari a 0. Altrimenti è il colore CSS standard con nome più vicino.

CSS comprende alias con lo stesso RGB, come aqua e cyan. I pareggi vengono mostrati insieme.

No. Il canale alfa resta nell’HEX normalizzato, ma è escluso dal confronto.

No. Usa il controllo contrasto per verificare testo e sfondo rispetto alle soglie WCAG.

Strumenti correlati