Online Tool Store
Nominatore di Palette Colori
Incolla i colori e ottieni un nome per ciascuno, il colore CSS più vicino, avvisi sui quasi-duplicati e il contrasto WCAG — esportabile come CSS o JSON.
🔒 Questo strumento funziona interamente nel tuo browser. I tuoi file non vengono mai caricati su un server.
Strumento del browser
Nominatore di Palette Colori
Come funziona
- Incolla i tuoi colori — hex, rgb() o nomi di colore CSS, uno per riga o separati da virgole.
- Ognuno riceve un nome: un nome di colore CSS esatto in caso di corrispondenza vicina, altrimenti una descrizione generata come «Blu Scuro Vivido».
- Controlla gli avvisi per i colori quasi identici e i valori di contrasto se userai un colore come testo o sfondo.
- Esporta l'intera palette come proprietà personalizzate CSS o JSON.
FAQ
I miei dati vengono caricati da qualche parte?
No. Color Palette Namer viene eseguito interamente nel tuo browser — nulla viene inviato a un server.
Da dove vengono i nomi?
Da due fonti. Se un colore è molto vicino a una delle 148 parole chiave di colore CSS standard (come «forestgreen» o «royalblue» — verificate rispetto alla specifica CSS/SVG), viene usato quel nome esatto. Altrimenti viene generato un nome descrittivo dalla tonalità, luminosità e saturazione, come «Blu Scuro Vivido» o «Verde Chiaro Grigiastro» — mai un nome inventato non verificabile.
Cosa conta come colore «quasi-duplicato»?
Due colori abbastanza vicini nello spazio percettivo (misurato in CIE Lab, non RGB grezzo) da apparire quasi identici affiancati — una cosa comune da individuare prima di pubblicare una palette con due campioni indistinguibili.
Cosa significano i valori di contrasto?
Il rapporto di contrasto WCAG 2 di quel colore rispetto a bianco e nero puri, da 1:1 (nessun contrasto) a 21:1 (nero su bianco). AA richiede 4,5:1 per il testo normale o 3:1 per il testo grande; AAA richiede 7:1 — utile per verificare se un colore è sicuro come testo o sfondo.
Posso inserire più di un colore alla volta?
Sì — uno per riga, o separati da virgole. Sono accettati codici hex, rgb()/rgba() e nomi di colore CSS.
Quanto è accurato il risultato?
I 148 nomi di colore CSS esatti sono verificati rispetto alla specifica CSS Color Module / SVG. Le distanze tra colori usano una conversione standard sRGB-Lab, verificata rispetto a valori di riferimento pubblicati. I nomi descrittivi seguono uno schema di fasce chiare di tonalità/luminosità/saturazione, non una supposizione.
Posso usare i nomi per token di design o una guida di stile?
Sì — è esattamente a questo che serve: trasformare una palette di codici hex in nomi leggibili da usare in nomi di token, documentazione o una guida di stile invece di valori hex grezzi.
Come ci confrontiamo
| Funzionalità | Online Tool Store | Cercatore hex Theme & Color | Software di design a pagamento |
|---|---|---|---|
| Nomina un'intera palette in una volta, non un colore alla volta | ✓ | ✗ | ✓ |
| Segnala i colori quasi-duplicati nella stessa palette | ✓ | Non applicabile — un solo colore | ✗ |
| Contrasto WCAG contro bianco e nero mostrato in linea | ✓ | ✗ | Di solito uno strumento separato |
| La corrispondenza esatta usa un nome di colore CSS standard verificato | ✓ | ✓ | Nomenclatura specifica del brand |
| Gratuito, senza registrazione | ✓ | ✓ | Spesso basato su abbonamento |
I cercatori di nome per un singolo colore sono fatti per consultare un campione alla volta. Questo è fatto per revisionare un'intera palette — i controlli di quasi-duplicati e contrasto sono esattamente ciò che individua i problemi prima che una palette venga pubblicata.