Guida

Come cercare nomi e codici esadecimali dei colori

Inserisci un nome o un codice esadecimale nel campo di ricerca e avvia l'operazione. Se non c'è una corrispondenza diretta, un codice esadecimale valido di sei caratteri può restituire il colore nominato più vicino.

Strumento Nomi dei colori CSS

A cosa serve

Questo strumento aiuta a cercare colori in una raccolta integrata usando il nome oppure un valore esadecimale. È utile quando vuoi controllare rapidamente quali informazioni sono associate a una ricerca testuale o individuare il colore con nome più vicino a un codice esadecimale valido.

Come usare la ricerca

  1. Inserisci nel campo di ricerca il nome del colore oppure il suo valore esadecimale. Il campo può anche essere lasciato vuoto.

  2. Per una ricerca testuale, digita una parola o una parte del nome. Il testo viene convertito in minuscolo e gli spazi all'inizio e alla fine vengono rimossi prima del confronto.

  3. Avvia la ricerca e osserva i colori restituiti. Una ricerca non vuota trova un colore quando il testo compare nel suo nome oppure quando coincide esattamente con la rappresentazione esadecimale generata dal colore, in formato esadecimale minuscolo a sei cifre con il prefisso #.

  4. Se la ricerca non produce una corrispondenza diretta, prova un valore di sei caratteri esadecimali, con o senza #. In questo caso viene cercato il colore con la distanza più vicina tra i tre canali RGB. Un valore con caratteri non validi o con una lunghezza diversa non attiva questa ricerca aggiuntiva.

  5. Per esaminare l'intera raccolta, cancella il contenuto del campo e avvia la ricerca. Con un valore vuoto non viene applicato alcun filtro per nome o codice esadecimale; i colori vengono elaborati in ordine alfabetico in base al nome.

Come leggere i risultati

Ogni corrispondenza mostra il nome del colore, il valore esadecimale minuscolo a sei cifre preceduto da # e i tre valori interi dei canali RGB. Questi dati permettono di confrontare il nome leggibile con la rappresentazione numerica dello stesso colore.

Una ricerca diretta e una ricerca del colore più vicino hanno significati diversi. Se il nome o il codice generato corrisponde, il risultato deriva dal confronto previsto. Se invece hai inserito un codice esadecimale valido senza corrispondenza diretta, il risultato aggiuntivo indica il colore più vicino secondo la distanza calcolata sui canali RGB, non una corrispondenza testuale esatta.

L'assenza di un risultato di prossimità può dipendere dal formato inserito: il fallback è disponibile solo dopo una ricerca senza corrispondenza e solo per sei caratteri esadecimali validi, eventualmente preceduti da #. Un errore durante il calcolo viene restituito come esito non riuscito insieme al testo dell'eccezione.

Esempio pratico

Stai confrontando un codice esadecimale copiato da un progetto con i colori nominati disponibili nella raccolta.

Inserisci #336699 nella ricerca e avvia l'operazione. Se il codice non corrisponde direttamente a un colore della raccolta, controlla il risultato di prossimità e i relativi tre canali RGB.

Il risultato contiene il nome di un colore, un valore esadecimale minuscolo di sei cifre preceduto da # e tre valori interi RGB; se non c'è corrispondenza diretta, può comparire anche il colore più vicino.

Limiti

  • La ricerca di prossimità non si applica a codici con lunghezza diversa da sei caratteri o contenenti simboli non esadecimali, anche quando è presente il prefisso #.

Errori comuni

  • Inserire un codice abbreviato, con caratteri non esadecimali o con una lunghezza diversa da sei impedisce la ricerca del colore più vicino. Usa sei caratteri validi, per esempio 336699, con il prefisso # solo se desiderato.

Domande frequenti

Posso cercare un colore con il codice esadecimale?

Sì, se il valore coincide esattamente con la rappresentazione esadecimale generata da un colore. La ricerca considera un codice a sei cifre nel formato minuscolo con #.

Che cosa succede se lascio vuota la ricerca?

Il campo vuoto non filtra la raccolta: i colori vengono elaborati in ordine alfabetico per nome. Una ricerca con testo non vuoto, invece, applica il confronto sul nome o sul codice esadecimale.

Lo strumento trova anche un colore simile?

Solo se la ricerca non trova una corrispondenza diretta e il valore, dopo l'eventuale rimozione di #, contiene esattamente sei caratteri esadecimali validi. In caso contrario non viene aggiunto un risultato di prossimità.

Strumento

Nomi dei colori CSS