Trova nome colore
Trova il nome CSS più vicino a qualsiasi valore di colore. Incollate fino a 100 colori in qualsiasi formato CSS e ottenete, per ciascuno, i più vicini tra i 148 CSS colori con nome, ordinati per differenza cromatica CIEDE2000, con nome, codice esadecimale, valore Delta E e grado di corrispondenza. Mostra fino a 10 risultati per colore. Utile per assegnare nomi ai token di design, descrivere i colori nella documentazione e trovare rapidamente una parola chiave.
Domande frequenti
Quali nomi di colore vengono cercati?
I 148 colori con nome di CSS Color 4, da aliceblue a yellowgreen, incluso rebeccapurple. I nomi con lo stesso valore, come aqua e cyan, fuchsia e magenta e le grafie gray e grey, sono raggruppati in un’unica riga; restano così 139 colori distinti. transparent e i colori di sistema non sono inclusi.
Come viene misurata la corrispondenza più vicina?
Con la differenza cromatica CIEDE2000, Delta E 2000, calcolata in CIELAB dalla libreria culori. È lo standard del settore per misurare quanto appaiono diversi due colori a un osservatore medio; un valore più basso indica una corrispondenza più vicina.
Cosa significano i livelli di corrispondenza?
Esatta significa che il colore con nome ha lo stesso codice esadecimale. Molto vicina significa un Delta E inferiore a 2, difficile da distinguere; simile significa inferiore a 5, distinguibile affiancando i colori; distante significa 5 o più, e il nome descrive soltanto la famiglia cromatica generale.
Quante corrispondenze ottengo?
Da 1 a 10 per colore, 3 per impostazione predefinita, ordinate dalla più vicina alla più distante. Più corrispondenze sono utili quando il nome più vicino ha la luminosità giusta ma la tonalità sbagliata, o viceversa.
Come si inseriscono i colori?
Inserite un colore per riga oppure più colori sulla stessa riga, separati da virgole o punti e virgola; le virgole all’interno di rgb() o hsl() non separano i colori. Sono accettati codici esadecimali con o senza #, nomi di colori CSS, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() e cmyk(), fino a 100 colori per esecuzione.
Cosa succede ai colori trasparenti?
I colori con nome sono opachi, quindi il canale alfa viene ignorato e il colore viene confrontato come se fosse completamente opaco. La colonna HEX mostra il codice a 6 cifre usato per il confronto.
Cosa succede ai colori ad ampia gamma?
I colori al di fuori di sRGB, come i vividi valori Display P3 o OKLCH, vengono prima convertiti in sRGB con l’algoritmo CSS Color 4, perché tutti i colori con nome CSS sono colori sRGB. La colonna HEX mostra poi il valore convertito, usato per confrontare i nomi.
Posso usare il nome al posto del mio codice esadecimale?
Solo se la corrispondenza è esatta; altrimenti il colore con nome ha un aspetto diverso. Un nome simile è comunque un utile riferimento leggibile per una persona in un token di design o nella documentazione, per esempio un blu simile a steelblue.
Perché solo CSS nomi e non un elenco più ampio?
I nomi CSS sono quelli riconosciuti da tutti i browser e che potete digitare direttamente in un foglio di stile. Gli elenchi di nomi più ampi variano tra i fornitori e spesso sono soggetti a licenza, mentre questi nomi 148 sono definiti dallo standard CSS.
Perché una corrispondenza con un Delta E più alto può sembrarmi più vicina?
Delta E 2000 modella un osservatore medio in condizioni di visione standard. Il display, la sua calibrazione, i colori circostanti e la percezione individuale dei colori influenzano ciò che appare più vicino; considerate quindi la classificazione una guida affidabile, non un valore assoluto.