Colore / Nomi
Trova nome colore: da Hex o RGB al nome CSS più vicino
Inserisci un colore in formato hex, RGB o CSS e trova il più vicino tra i 148 colori con nome CSS, ordinati per differenza percettiva in CIELAB, con campioni da confrontare e il codice hex di ogni nome.
Trova nome colore: da Hex o RGB al nome CSS più vicino: Il colore inserito e ogni colore CSS con nome vengono convertiti nello spazio colore CIELAB, dove la distanza riflette la differenza visiva tra i colori. I nomi più vicini sono elencati con la loro differenza cromatica ΔE: al di sotto di circa 2,3, la maggior parte delle persone non riesce a notare una differenza. Per esempio, #3a7bd5 è più vicino a cornflowerblue. Funziona al 100% localmente nel browser, senza caricare file sul server.
- Categoria
- Strumenti quotidiani
- Esecuzioni
- Nel browser
- Costo
- Gratuito · senza registrazione
- Disponibilità
- Pronto all'uso
Funziona interamente nel browser
Il colore viene confrontato con tutti i 148 colori CSS con nome nello spazio cromatico CIELAB, progettato in modo che distanze uguali appaiano approssimativamente come differenze uguali. La distanza, ΔE, è inferiore a circa 2,3 quando la maggior parte delle persone non riesce a vedere una differenza. In un foglio di stile puoi usare qualsiasi nome CSS al posto del relativo codice esadecimale, ad esempio color: steelblue.
Da dove vengono i nomi
La maggior parte dei nomi dei colori CSS deriva dall'elenco dei colori del sistema a finestre X11 degli anni '80, perciò esistono nomi come papayawhip e lightgoldenrodyellow. rebeccapurple, #663399, è stato aggiunto nel 2014 in memoria di Rebecca Meyer.
Convertire i colori
Per convertire un colore in HSL, RGB o altre notazioni, usa il convertitore di colori.
Come usarlo
- Inserisci un colore in formato hex, rgb() o con il nome.
- Leggi il nome del colore più vicino e quanto è simile.
- Confronta i campioni e copia il nome che preferisci.
Privacy e limitazioni
Tutto funziona nel browser.
Strumenti correlati
Domande frequenti
Perché usare i nomi CSS?
Sono un insieme standard e ampiamente riconosciuto, che funziona direttamente nei fogli di stile, da aliceblue a yellowgreen.
Che cosa significa ΔE?
È la distanza tra due colori nello spazio CIELAB. Intorno a 1 si trova la differenza minima che la maggior parte delle persone nota affiancando i colori; sopra 10 i colori sono chiaramente diversi.
Perché grey e gray non vengono mostrati entrambi?
Sono lo stesso colore scritto in due modi diversi; lo strumento mostra un solo nome per ogni coppia.
Strumento gratuito · nel browser esecuzioni · senza account