¿Cómo puedo obtener la palabra de color más cercana para un color hexadecimal?


30

Digamos que tengo un color como # 7B0D40. ¿Existe alguna herramienta para generar la palabra más comprensible para ese color? (Como # 7B0D40 ~ = Magenta?)

Sé que hay formas de buscar las palabras utilizadas en CSS para describir valores hexadecimales explícitos, por ejemplo, pero me encantaría poder extraer un color seleccionado orgánicamente y obtener rápidamente un nombre descriptivo para el color aproximado.

¿Existen herramientas para estimar rápidamente un término específico legible por humanos para un color dado un valor explícito de hexadecimal / otro color?

Las evaluaciones humanas rápidas de lo que es un color generalmente dan como resultado términos vagamente inútiles como "azul" o "rojo" en lugar de "Azure" o "Magenta", por lo que "solo mirarlo" no es suficiente IMO.

Respuestas:


18

La respuesta de Lauren es correcta. Los nombres de los colores son en su mayoría arbitrarios, incluso sin tener en cuenta qué inventan los departamentos de marketing (sin mencionar las diferencias culturales y de idioma).

En el mundo del arte, hay nombres para ciertos colores de pintura que son bastante estándar, porque sus fórmulas tienen siglos de antigüedad y porque los pintores necesitan saber que si compran Cobalt Blue de Amazon, será el mismo que el Cobalt Blue que usaron. comprar en Honest Joe's Burgers and Art Supplies ("Alimentando a los artistas hambrientos desde 1927") antes de que cerraran.

También hay un subconjunto de nombres de colores basados ​​en la naturaleza, pero la naturaleza es notoriamente voluble: "rosa rosa" cubre una franja reconocible pero muy imprecisa de matiz, saturación y croma.

Por lo tanto, buscar precisión fuera de un sistema de color como Pantone o Munsell, o incluso W3C, es una causa perdida. Encontrarás los mismos nombres aplicados a diferentes colores, y diferentes nombres aplicados a los mismos colores, dependiendo de dónde mires. Nombrar colores es subjetivo e impreciso. Peor aún, cuando se trata de Internet, no tiene control alguno sobre la configuración de visualización de cualquier visitante del sitio. Tu "oro pálido" se convierte en "mostaza" con bastante facilidad.

Existe una herramienta en línea que le dará un nombre utilizable (no el nombre) para cualquier valor hexadecimal RGB dado. Los nombres son lo suficientemente precisos y, según el sitio, se seleccionaron editando varias listas (incluida la de Crayola). También puede descargar el javascript. No tome esto como una especie de absoluto o "Estándar"; Es la síntesis de una persona de varias fuentes que estuvieron en conflicto con la frecuencia suficiente como para mencionar el hecho específicamente. Y tenga en cuenta que la representación real en pantalla para un valor hexadecimal dado es una variable comodín sobre la que no tiene control.


¡Esa es una pequeña herramienta útil! Eso es lo más parecido a lo que estaba buscando, sin embargo, es muy bueno conocer el fondo de los nombres de colores estándar.
Ben Brocka

2
Ben, ¿estás preguntando sobre los nombres de color CSS o los nombres de color en general? Si los nombres de color HTML, son un estándar.
DA01

Ben, un buen ejemplo es "Azure". Esa herramienta sirve # 315BA1, lo que yo llamaría un azul francés, pero el azul francés no está en su lista. Por el contrario, el color web "azul" del W3C es # f0ffff, a 180 grados en la rueda de tono HSB. La entrada de Wikipedia para azul da el matiz como 210.
Alan Gilbertson

10

Creo que el problema es el "término humano específico".

Es difícil para dos personas ponerse de acuerdo sobre qué es, digamos, "turquesa" (en oposición a aguamarina, verde azulado o "turquesa"). Hay aproximadamente 247 colores diferentes que podrían etiquetarse con precisión como "beige". El lenguaje es simplemente demasiado flexible.

Puede establecer una base de datos que coincida con # 7B0D40 a magenta. Puede llevar su chip a Home Depot y agitarlo debajo de la máquina de igualación de pintura y hacer que regrese un color de pintura llamado "Fuschia Kiss, 100B-6". Pero cuando consigas dos grados menos, lo llamarás # eb70a9 y lo llamaré "Blushing Pink" y mi director de arte lo llamará "Soft Rose" y mi cuñada dirá " Ese es el nuevo lápiz labial de todo el día de Revlon, Crushed Peony Boogers ".

Es por eso que tenemos sistemas de combinación de colores. Porque si su color corporativo es PMS214, no quiere que aparezca en la pantalla como # f8cfdf y vuelva a imprimirse como Crushed Peony Boogers.


2
Bueno, existen al menos los nombres de colores estándar CSS que se asignan a códigos de colores: w3schools.com/cssref/css_colornames.asp pero es una lista muy limitada. Esperaba que se pudiera usar algo como la lista de colores de Wikipedia , pero al observar eso, noto que también están usando palabras específicas de dominio. No puedo creer que todavía no existe un estándar de buena ...
Ben Brocka

1
Lauren, me hiciste pedazos hasta el punto de que casi me caigo de la silla. ¡Quiero un chip Crushed Peony Boogers de inmediato ! :-D
Alan Gilbertson

1
Sigo haciéndome reír cada vez que lo leo. Es un guardián. :) Creo que deberíamos comenzar una banda llamada Crushed Peony Boogers. O tal vez abrir una tienda: Crushed Peony Boogers Design. Eso sería un logo.
Lauren-Reinstate-Monica-Ipsum

Tocaré el bajo ... :-)
Alan Gilbertson


8

Si hablamos de colores, en general, tanto Alan como Laruen son correctos ... los nombres son vagos y no específicos.

Sin embargo, dado que está preguntando sobre la conversión de colores HEX, supongo que se refiere a las especificaciones CSS y sus colores con nombre, que, de hecho, se asignan a colores muy específicos:

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

En cuanto a una herramienta específica, Google me llevó aquí:

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


4

Para mapear un color seleccionado (o codificado en hexadecimal) en un color seguro estándar más cercano para usar en la web (como un nombre de color CSS extendido), también puede usar esta herramienta (solo para Windows):

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

Este tiene la ventaja sobre el vinculado por DA01 ( Buscar el nombre de color de coincidencia más cercano ) en que admite el conjunto de colores extendido, no solo el básico.

Pero como desventaja, es una aplicación GUI solo para Windows, no una aplicación web.


3

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

este sitio web te da el nombre de estilo crayola más cercano, solo escribe el hexadecimal o rgb y ¡listo! adobe software and paint (10) también tienen esta capacidad, pero no es tan preciso, por ejemplo, mi color de firma que uso para TODO es # 007282 adobe lo clasifica como pintura "cian profunda" que se refiere como "teal profundo" que es es cierto que está más cerca de la marca, pero nombra ese color como una "laguna azul"


3

Otra opción muy interesante es utilizar, por supuesto, Wolfram Alpha. http://www.wolframalpha.com/ (un motor de conocimiento computacional, según sus propias palabras)

Solo ingrese por ejemplo

rgb 160 118 171

Y le dirá que los colores HTML más cercanos son ciruela y violeta , así como los colores Pantone y, por supuesto, pero sin responder la pregunta, las conversiones en una docena de otros espacios de color.


1

Si lo convierte a HSV / HSL, creo que puede hacer algo. En este espacio de color que está jugando con Hue, Saturación y Luz, puede dividir Hue en dominios específicos y usar una tabla de búsqueda para Hue> ColorName.



0

Sí, es fácil, este sitio le dará los nombres más cercanos a cualquier código de color hexadecimal ... https://yellowbearjourneys.com/color_themes/color_closest.html

Aquí hay algunos resultados de muestra:

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
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.