Trova il nome del colore

Che cos’è lo strumento per trovare il nome del colore?

Questo strumento trova il nome più vicino a un colore partendo da un codice HEX, RGB o HSL. Confronta il valore inserito con i 140 colori con nome standard di CSS e con un database esteso di riferimenti cromatici per mostrarti l’etichetta più utile in italiano, insieme al nome inglese canonico quando serve.

È utile quando hai un codice colore in un file CSS, in un mockup, in una palette di brand o in uno screenshot e vuoi capire come chiamarlo in modo più chiaro. Oltre al nome più vicino, puoi vedere i codici già pronti da copiare, cinque colori simili da confrontare e una cronologia locale delle ultime ricerche.

Quando conviene usarlo

Il cerca-nome colore è pensato per designer, sviluppatori, creativi e chiunque abbia bisogno di passare da un codice tecnico a un nome facile da capire e condividere.

• Design e branding – Per dare un nome più leggibile a un colore di brand o di interfaccia partendo da HEX, RGB o HSL.
• CSS e sviluppo front-end – Per capire se una tonalità corrisponde a un nome CSS standard riutilizzabile direttamente nel codice.
• Documentazione palette – Per accompagnare i valori colore con nomi più parlanti in guideline, consegne e sistemi di design.
• Comunicazione con clienti e team – Per parlare di “blu ardesia”, “verde oliva” o “corallo” invece di un valore come #6A5ACD.
• Ricerca di alternative – Per scoprire sfumature vicine quando il colore iniziale è quasi giusto ma vuoi testare altre opzioni.
• Apprendimento dei nomi colore – Per familiarizzare con la nomenclatura più comune usata tra design, grafica e sviluppo web.

Funzioni principali

L’interfaccia è pensata per farti passare in pochi secondi dal codice colore al nome più vicino, senza cambiare strumento o aprire tabelle esterne.

• Input in HEX, RGB e HSL – Inserisci il colore nel formato che hai già a disposizione oppure selezionalo direttamente dal color picker.
• Due database di riferimento – Scegli tra i 140 nomi CSS standard o un archivio esteso con molte più denominazioni descrittive.
• Nome localizzato in italiano – Il risultato privilegia un nome leggibile in italiano e mantiene il nome inglese canonico come riferimento secondario quando è utile.
• Indicatore di somiglianza – Vedi subito se il colore trovato coincide esattamente oppure se si tratta della sfumatura più vicina disponibile.
• 5 colori simili – Lo strumento propone cinque alternative vicine da confrontare con un clic.
• Copia immediata dei codici – Puoi copiare HEX, RGB e HSL direttamente dalla scheda risultato.
• Cronologia recente – Le ultime 20 ricerche vengono salvate localmente nel browser per recuperare i colori appena controllati.

Come usare il cerca-nome colore

Il flusso è semplice: inserisci un colore, scegli il database più adatto e controlli subito il nome più vicino con i relativi codici e suggerimenti.

1. Inserisci o seleziona il colore – Usa il picker oppure compila i campi HEX, RGB o HSL con il valore che vuoi identificare.
2. Scegli il database – Se vuoi nomi CSS standard usa “Colori CSS”; se cerchi etichette più descrittive passa al database esteso.
3. Leggi il risultato principale – Vedrai il nome italiano più vicino, il nome inglese di riferimento e i codici pronti da copiare.
4. Confronta i colori simili – Fai clic su una delle cinque alternative per provarla subito come nuovo colore attivo.
5. Copia il formato che ti serve – Prendi HEX, RGB o HSL per riutilizzarlo in CSS, Figma, documentazione o brief.

Guida al database colori

I due database non servono allo stesso scopo: uno privilegia la compatibilità con il web standard, l’altro offre più varietà lessicale per descrivere una sfumatura.

Colori CSS (140)

Questi sono i colori con nome definiti dallo standard web. Nomi come gold, coral o slateblue possono essere usati direttamente in CSS nei browser moderni.

Database esteso

Qui trovi nomi aggiuntivi presi da famiglie cromatiche più ampie, come natura, cibo, pietre, metalli, pastelli, toni rétro e neon. Sono utili quando vuoi descrivere meglio un colore, anche se spesso non sono parole chiave CSS valide.

Come viene calcolata la somiglianza

Il confronto si basa sulla distanza tra colori con una formula ispirata al Delta E. In pratica lo strumento prova a riflettere meglio la percezione visiva rispetto a un semplice confronto numerico dei valori RGB.

Domande frequenti