Come posso ottenere la parola colore più vicina per un colore esadecimale?


30

Supponiamo che io abbia un colore come # 7B0D40. Esistono strumenti là fuori per produrre la parola comprensibile all'uomo più vicina per quel colore? (Come # 7B0D40 ~ = Magenta?)

So che ci sono modi per cercare le parole usate nei CSS per descrivere valori esadecimali espliciti, ad esempio, ma mi piacerebbe essere in grado di estrarre un colore selezionato organicamente e ottenere rapidamente un nome descrittivo per il colore approssimativo.

Esistono strumenti per stimare rapidamente un termine specifico leggibile dall'uomo per un colore dato un valore esadecimale / altro colore esplicito?

Una rapida valutazione umana di ciò che un colore è di solito porta a termini inutilmente vaghi come "blu" o "rosso" invece di "Azzurro" o "Magenta", quindi "basta guardarlo" non è abbastanza IMO.

Risposte:


18

La risposta di Lauren è corretta. I nomi dei colori sono per lo più arbitrari, anche senza tener conto di ciò che i dipartimenti di marketing escogitano (per non parlare delle differenze culturali e linguistiche).

Nel mondo dell'arte, ci sono nomi per alcuni colori della vernice che sono praticamente standard, perché le loro formule sono vecchie di secoli e perché i pittori devono sapere che se acquistano il blu cobalto da Amazon, sarà lo stesso del blu cobalto che hanno usato per acquistare da Honest Joe's Burgers and Art Supplies ("Nutrire artisti affamati dal 1927") prima che cessassero l'attività.

Esiste anche un sottoinsieme di nomi di colori basati sulla natura, ma la natura è notoriamente instabile: "rosa rosa" copre una fascia riconoscibile ma molto imprecisa di tonalità, saturazione e intensità.

Quindi la ricerca di precisione al di fuori di un sistema di colore come Pantone o Munsell, o persino W3C, è una causa persa. Troverai gli stessi nomi applicati a colori diversi e nomi diversi applicati agli stessi colori, a seconda di dove guardi. La denominazione dei colori è soggettiva e imprecisa. Peggio ancora, quando si tratta di Internet, non si ha alcun controllo sulle impostazioni di visualizzazione di un determinato visitatore del sito. Il tuo "Pale Gold" diventa "Mustard" abbastanza facilmente.

C'è uno strumento online che ti darà un nome utilizzabile (non il nome) per un dato valore esadecimale RGB. I nomi sono abbastanza precisi e, secondo il sito, sono stati scelti modificando insieme vari elenchi (incluso quello di Crayola). Puoi anche scaricare javascript. Non prenderlo come una sorta di assoluto o "Standard"; è la sintesi di una persona da diverse fonti che erano in conflitto abbastanza spesso da menzionare il fatto in modo specifico. E tieni presente che il rendering su schermo effettivo per un dato valore esadecimale è una variabile selvaggia sulla quale non hai alcun controllo.


Questo è un piccolo strumento utile! È il più vicino a quello che stavo cercando, molto buono per conoscere lo sfondo senza nomi di colori standard.
Ben Brocka,

2
Ben stai chiedendo dei nomi dei colori CSS o dei nomi dei colori in generale? Se i nomi dei colori HTML, sono uno standard.
DA01,

Ben, un ottimo esempio è "Azure". Questo strumento serve # 315BA1, che definirei un francese blu, ma il francese blu non è nella sua lista. Al contrario, il colore web W3C "azzurro" è # f0ffff, a 180 gradi sulla ruota tonalità HSB. La voce di Wikipedia per l'azzurro dà la tonalità di 210.
Alan Gilbertson il

10

Penso che il problema sia il "termine umano specifico".

È difficile per due persone concordare cosa sia, diciamo, "turchese" (al contrario di acqua, verde acqua o "turqua"). Ci sono circa 247 colori diversi che potrebbero essere accuratamente etichettati "beige". La lingua è semplicemente troppo flessibile.

È possibile creare un database che corrisponda # 7B0D40 al magenta. Potresti portare il tuo chip a Home Depot e agitarlo sotto la macchina per abbinare la vernice e farlo sputare indietro un colore di vernice chiamato "Fuschia Kiss, 100B-6". Ma quando diventerai più leggero di due gradi, lo chiamerai # eb70a9 e lo chiamerò "Blushing Pink" e il mio art director lo chiamerà "Soft Rose" e mia cognata dirà " Questo è il nuovo rossetto per tutto il giorno di Revlon, Crushed Peony Boogers. "

Questo è il motivo per cui abbiamo sistemi di corrispondenza dei colori. Perché se il tuo colore aziendale è PMS214, non vuoi che venga visualizzato sullo schermo come # f8cfdf e che ritorni stampato come Crushed Peony Boogers.


2
Bene, ci sono almeno i nomi dei colori standard CSS che si associano ai codici colore: w3schools.com/cssref/css_colornames.asp ma è un elenco molto limitato. Speravo che potesse essere usato qualcosa come l'elenco dei colori di Wikipedia , ma osservando che noto che stanno usando anche parole specifiche del dominio. Non riesco a credere che non esista ancora un buon standard ...
Ben Brocka,

1
Lauren, mi hai completamente rotto fino al punto in cui sono quasi caduto dalla sedia. Voglio un chip Peony Boogers Schiacciato subito ! MrGreen
Alan Gilbertson il

1
Continuo a farmi ridere ogni volta che lo leggo. È un custode. :) Penso che dovremmo creare una band chiamata Crushed Peony Boogers. O forse aprire un negozio: Crushed Peony Boogers Design. Sarebbe un po 'di logo.
Lauren-Reinstate-Monica-Ipsum,

Suonerò il basso ... :-)
Alan Gilbertson il

E
urlerò

8

Se stiamo parlando di colori, in generale, sia Alan che Laruen sono corretti ... i nomi sono vaghi e non specifici.

Tuttavia, poiché stai chiedendo di convertire i colori HEX, suppongo che ti riferisca alle specifiche CSS e ai loro colori nominati, che in realtà si associano a colori molto specifici:

http://www.w3.org/TR/css3-color/#html4

Per quanto riguarda uno strumento specifico, Google mi ha portato qui:

http://shallowsky.com/colormatch/index.php


4

Per mappare un determinato colore scelto (o codice esadecimale) su un colore standard più sicuro per il web da usare sul web (come nome di colore CSS esteso), puoi anche usare questo strumento (solo per Windows):

http://www.codeproject.com/Articles/243610/The-Known-Colors-Palette-Tool-Revised

Questo ha il vantaggio rispetto a quello collegato da DA01 ( Trova il nome del colore corrispondente più vicino ) in quanto supporta il set di colori esteso, non solo quello di base.

Ma come svantaggio, è un'applicazione GUI solo per Windows, non un'app Web.


3

http://chir.ag/projects/name-that-color/#899200

questo sito ti dà il nome in stile crayola più vicino, basta digitare l'esagono o rgb e il gioco è fatto! Anche il software Adobe e Paint (10) hanno questa capacità, ma non è altrettanto preciso, ad esempio, il mio colore della firma che uso per TUTTO è # 007282 Adobe lo classifica come vernice "ciano intenso" che lo definisce "verde acqua" che è certamente più vicino al segno, ma il nome di quel colore si riferirebbe ad esso una "laguna blu"


3

Un'altra opzione seriamente interessante è usare, ovviamente, Wolfram Alpha. http://www.wolframalpha.com/ (un motore di calcolo computazionale, con le loro stesse parole)

Basta inserire per esempio

rgb 160 118 171

E ti dirà che i colori HTML più vicini sono prugna e viola , così come i colori Pantone e, naturalmente, ma non rispondendo alla domanda, le conversioni in una dozzina di altri spazi colore.


1

Se lo converti in HSV / HSL penso che tu possa fare qualcosa. In questo spazio colore che stai giocando con Tonalità, Saturazione e Luce, puoi dividere Tonalità in domini specifici e utilizzare una tabella di ricerca per Tonalità> ColoreNome.



0

Sì, è facile, questo sito ti darà i nomi più vicini a qualsiasi codice colore esadecimale ... https://yellowbearjourneys.com/color_themes/color_closest.html

Ecco alcuni esempi di output:

Your Custom Color: #F5F4D6    

Close/Near Official Colors in terms of light/dark (bold=closest/nearest):
BlanchedAlmond #FFEBCD    ; AntiqueWhite #FAEBD7    ;PapayaWhip #FFEFD5    

Close/Near Official Colors in terms of rgb (red-green-blue) pattern (bold=closest/nearest in terms of light/dark):
BlanchedAlmond #FFEBCD    ; AntiqueWhite #FAEBD7    ; PapayaWhip #FFEFD5
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.