Este buscador de nombres de colores te dice cómo se llama un color de una imagen. Sube una imagen y coloca el cursor sobre cualquier píxel: el panel mostrará el color con nombre más cercano, su código hexadecimal y sus valores RGB. La imagen permanece en tu navegador.
Qué hace:
- Acepta cualquier imagen que tu navegador pueda mostrar, mediante el selector de archivos o arrastrando y soltando
- Lee el píxel debajo del cursor mientras pasa el cursor y lo bloquea cuando hace clic
- Compara el píxel con 259 colores con nombre, desde rojo y azul hasta Wine Berry, Byzantium y Laser Lemon
- Elige el nombre con la diferencia de color CIEDE2000 más pequeña, de modo que la coincidencia siga cómo las personas ven el color en lugar de la distancia cruda RGB
- Copia el nombre, hexadecimal o valor RGB a tu portapapeles con un solo clic
Cómo utilizar este buscador de nombres de colores
- Haz clic en el área de carga o suelte una imagen en ella. JPEG, PNG, WebP y GIF funcionan.
- Mueva el cursor sobre la imagen. La muestra y los tres valores se actualizan al pasar el cursor.
- Haz clic para bloquear un píxel. Los valores permanecen fijos hasta que haga clic en otro lugar.
- Usa el botón copiar junto a Nombre, Hexadecimal o RGB. Haz clic en Agregar nueva imagen para comenzar de nuevo.
Un píxel azul aciano aparece así:
Name Cornflower Blue
Hex #6495ED
RGB 100, 149, 237Los píxeles que se encuentran entre colores con nombre obtienen el vecino más cercano. Un azul ligeramente diferente como #6A94E8 todavía devuelve Azul Aciano y #2E8B57 devuelve Verde Mar. Un azul marino oscuro como #1B1F3B devuelve Púrpura oscuro, porque es la entrada más cercana en la lista.
El partido se ejecuta en tres pasos, todo en JavaScript en tu dispositivo. Convierta el píxel de sRGB a CIELAB, calcule la distancia CIEDE2000 a cada una de las 259 entradas y devuelva la más pequeña.
Lo que la herramienta no hace
- No tiene entrada de texto. Para nombrar un código hexadecimal o RGB que ya tienes, pégalo en el convertidor HEX a RGB para los valores, o haz una captura de pantalla de un píxel del color y cárgala.
- Muestra hexadecimal y RGB únicamente. Para HSL, pase el hexadecimal a través del convertidor HSL al RGB en reversa.
- No puede seleccionar colores de otras ventanas o pestañas. Primero haz una captura de pantalla.
- Los 259 nombres son una lista seleccionada, no Pantone, RAL o marcas de pintura. El nombre es una descripción, no un código de producto.
- No comprueba el contraste ni simula daltonismo. El generador de paleta de colores accesible cubre el contraste.
¿Qué es el nombre de un color?
Un nombre de color es el identificador legible por humanos asignado a un conjunto específico de valores de color dentro de un sistema de color estandarizado.
Nombres como "carmesí", "azul pizarra" o "verde bosque" hacen que los colores sean memorables y comunicables. Los códigos numéricos como #DC143C son precisos pero carecen de significado para la mayoría de las personas.
El W3C define 148 colores con nombre (EN) en CSS que los navegadores reconocen universalmente. Estos nombres se asignan directamente a códigos hexadecimales específicos.
Diferentes industrias utilizan diferentes sistemas de nombres. Pantone (EN) se dedica al diseño de productos e impresión. RAL (EN) domina las aplicaciones industriales. El sistema de color NCS (EN) estructura las especificaciones arquitectónicas.
¿Qué es un buscador de nombres de colores?
Un buscador de nombres de colores es una herramienta que toma un valor de color y devuelve su nombre legible por humanos más cercano.
Introduce un código hexadecimal, un valor RGB o un píxel tomado de una imagen y le devolverá algo como "tomate" o "azul acero" en lugar de una cadena de números.
No es un creador de paletas y no genera nuevos esquemas de color.
Su único trabajo es la traducción. Valor numérico dentro, nombre fuera.
La mayoría de las herramientas de esta categoría se basan en una lista fija y predefinida de colores con nombre en lugar de inventar etiquetas sobre la marcha. La entrada suele llegar de tres maneras:
- Entrada de código hexadecimal, RGB o HSL
- Carga de imágenes para extraer un nombre de una foto, que es como funciona la herramienta anterior
- Selección de pantalla o cuentagotas
El resultado normalmente incluye el nombre coincidente, el código original y, a veces, una puntuación de confianza que muestra qué tan cercana es realmente la coincidencia.
ColorHexa (EN) es un buen ejemplo de esto en la práctica. Escribe un código hexadecimal y devolverá un nombre al instante, sin necesidad de configuración.
Buscador de nombres de colores y selector de colores: ¿cuál es la diferencia?
Un selector de color extrae un valor numérico de un color, nada más.
Un buscador de nombres de colores lleva ese valor un paso más allá y lo asigna a un nombre.
Selector de color: genera números hexadecimales, RGB o HSL únicamente.
Buscador de nombres de colores: genera un nombre, generalmente junto a los números.
Múltiples herramientas combinan ambas funciones en una sola interfaz, por lo que la línea entre ellas se vuelve borrosa en el uso diario.
Google El inspector integrado de Chrome incluye un selector de color con un cuentagotas. Se detiene en el valor numérico y deja los nombres en una herramienta completamente separada.
La diferencia se nota especialmente al entregar el diseño. Escribir «cornflowerblue» en una especificación comunica el color más rápido que pegar #6495ED en un hilo de comentarios. Esto resulta especialmente útil cuando esas notas pasan a la documentación de diseño de interfaces (EN), que también consultan personas sin conocimientos técnicos.
¿Qué estándares de denominación de colores utiliza un buscador de nombres de colores?
Un buscador de nombres de colores extrae su vocabulario de un estándar de nombres fijo. El estándar elegido determina tanto el vocabulario como la precisión del partido.
Cuatro sistemas aparecen con mayor frecuencia: X11, Pantone, RAL y ISCC-NBS.
| Estándar | Gobernado por | Tamaño aproximado | Uso primario |
|---|---|---|---|
| X11 (EN) / CSS | Consorcio World Wide Web | 148 nombres | Diseño web y UI |
| Pantone (EN) | Pantone LLC | Más de 2000 colores | Impresión y marca |
| RAL Classic (EN) | RAL gGmbH | 216 colores | industriales, arquitectura |
| ISCC-NBS (EN) | Consejo de color entre sociedades | 267 categorías | Descripción científica |
| esta herramienta | Lista curada | 259 nombres | Nombrar colores en imágenes |
La mayoría de las herramientas gratuitas basadas en navegador utilizan de forma predeterminada la lista X11 porque está integrada directamente en CSS (EN), formalizada en la especificación CSS Nivel 4 del módulo de color (EN) del W3C. En su lugar, esta herramienta utiliza su propia lista seleccionada de 259 nombres.
Pantone y RAL quedan completamente fuera del navegador. Ambos son sistemas con licencia creados para materiales físicos como tinta y pintura en lugar de píxeles de pantalla.
Las marcas de pintura complican aún más las cosas. Sherwin-Williams y Behr ejecutan cada uno sus propios sistemas de nombres patentados, por lo que una muestra llamada Agreeable Gray (EN) no aparecerá en X11, Pantone o RAL en absoluto.
El mismo código hexadecimal puede llevar un nombre diferente dependiendo del estándar con el que esté construida una herramienta. Esa es la razón real por la que dos buscadores de nombres de colores a veces no coinciden en entradas idénticas.
¿Cómo un buscador de nombres de colores relaciona un color con un nombre?
La mayoría de los buscadores de nombres de colores utilizan búsqueda de vecino más cercano. Toman el color de entrada, lo comparan con cada entrada en la base de datos de nombres y devuelven el nombre que se encuentre más cerca.
"Más cercano" no se mide en RGB unidades brutas en las mejores herramientas.
Los colores se convierten primero en CIELAB o un espacio perceptualmente uniforme similar, luego se comparan usando una fórmula llamada Delta E (EN). Se aproxima a cómo el ojo humano percibe las diferencias en lugar de cómo las almacena una computadora.
- Convierta la entrada de sRGB a CIELAB o CIE XYZ
- Calcule la distancia Delta E a cada color nombrado en la lista
- Devuelve el nombre con la distancia más pequeña.
Un Delta E de aproximadamente 2 o menos es generalmente el punto en el que para la mayoría de las personas resulta difícil distinguir dos colores. Esta herramienta utiliza CIEDE2000, la revisión de la fórmula de 2001, que corrige el sesgo de las versiones anteriores en los rangos azul y neutro.
Las herramientas que funcionan a una distancia normal de RGB en lugar de Delta E obtienen errores de coincidencia de tonos intensos con más frecuencia. Esto se nota especialmente en los rangos azul y verde, donde la percepción humana y la matemática de píxeles sin procesar divergen.
Name That Color (EN), un proyecto creado por el desarrollador Chirag Mehta, ejecuta esta misma lógica del vecino más cercano con una lista seleccionada de nombres de colores comunes.
Algunas herramientas exponen esta lógica de coincidencia a través de una API (EN). Luego, los desarrolladores pueden ejecutar la búsqueda en el lado del servidor en lugar de enviar toda la base de datos de nombres al navegador.
¿Qué métodos de entrada acepta un buscador de nombres de colores?
El método de entrada determina en primer lugar cómo llega un valor a la herramienta. Muchos buscadores de nombres de colores admiten más de uno a la vez; éste es sólo imagen.
Entrada de código hexadecimal y RGB/HSL
Hex: un código de seis dígitos como #6495ED, el formato más común pegado desde herramientas de diseño.
RGB: tres números entre 0 y 255 para rojo, verde y azul.
HSL: tono, saturación y luminosidad, más cerca de cómo una persona describe un color en voz alta.
Una herramienta diseñada para aceptar los tres generalmente ejecuta una conversión de HSL a RGB detrás de escena antes de que se ejecute el partido. La base de datos de nombres en sí se almacena en RGB o hexadecimal.
Subir imagen
Cargue una foto o un archivo de diseño y la herramienta muestreará los píxeles directamente en lugar de esperar a que se escriba un código.
Herramientas simples, incluida ésta, capturan el color debajo de un punto de clic utilizando la lógica de lectura de píxeles del lienzo integrada en el navegador.
Los más avanzados ejecutan k-means clustering en toda la imagen primero, para extraer los colores dominantes antes de nombrar cada uno.
- JPEG y PNG, las dos cargas más habituales
- WebP, cada vez más común entre las modernas herramientas de exportación
- SVG, aunque el vector plano llena la muestra de manera más predecible que las fotos
Los archivos exportados para impresión a veces llegan en CMYK en lugar de RGB. Se debe ejecutar un paso de conversión de CMYK a RGB antes de que pueda ocurrir cualquier coincidencia, ya que la mayoría de las bases de datos de nombres solo hablan RGB.
Cuentagotas y selección de color de pantalla
Basado en navegador: Chrome y otros navegadores Chromium incluyen una EyeDropper API (EN) incorporada, que permite al usuario hacer clic en cualquier píxel de la pantalla, en cualquier aplicación abierta, sin instalar una extensión.
Software de diseño: Adobe Photoshop y GIMP incluyen una herramienta nativa de cuentagotas para extraer valores directamente de un lienzo.
La selección de pantalla omite la escritura por completo. Eso lo convierte en el método de entrada más rápido siempre que el color ya exista en algún lugar visible en lugar de un código escrito.
¿Qué tan preciso es un buscador de nombres de colores?
La precisión se reduce a dos cosas: cómo se calcula la distancia y qué tan grande es realmente la base de datos de nombres.
Una lista más densa dibuja líneas más finas entre tonos similares. Una lista de 148 nombres llamará a dos azules estrechamente relacionados con el mismo nombre, mientras que una lista de más de 2000 nombres los diferenciará.
- 148 colores con nombre en la especificación CSS Nivel 4 del módulo de color (EN)
- 2000+ colores en la biblioteca Pantone Matching System (EN)
- 216 colores en la colección RAL Classic (EN)
- 267 categorías definidas por el sistema de nombres ISCC-NBS (EN)
- 259 nombres en la lista de esta herramienta
- Aproximadamente 2 Delta E es el típico umbral de diferencia apenas perceptible
Una herramienta que se ejecuta en la lista CSS de 148 nombres siempre se sentirá menos precisa que una que se ejecuta en la biblioteca completa de Pantone, simplemente porque tiene menos nombres para elegir.
La calibración de la pantalla agrega otra capa de deriva. El mismo código hexadecimal puede volverse ligeramente más cálido o más frío según el monitor. Eso cambia la coincidencia percibida incluso cuando el número subyacente nunca cambia.
Elegir un estándar de denominación de colores para tu proyecto
El estándar correcto depende de dónde termina realmente el color: un navegador, una página impresa o un material físico como pintura o recubrimiento en polvo.
Para diseño web y de interfaz de usuario
X11 / CSS es el valor predeterminado para cualquier cosa que se represente en un navegador, ya que los nombres son reconocidos directamente por CSS sin ninguna biblioteca adicional.
- Gratis e integrado en todos los navegadores
- Los nombres se asignan directamente a valores hexadecimales que los desarrolladores pueden pegar en el código
- Limitado a 148 nombres, por lo que se pierden los matices entre tonos cercanos
Una vez que se elige un color, moverlo de un archivo de diseño al código generalmente significa una conversión de RGB a hexadecimal, por lo que coincide con lo que CSS espera.
Para impresión y marca
Pantone domina aquí porque resuelve un problema para el que nunca se construyó X11. Obtiene el mismo color para que parezca idéntico en diferentes impresoras, materiales y países.
Ventajas: consistencia de color ajustada en todas las tiradas de producción, una biblioteca mucho más grande e integración directa en Adobe Illustrator, InDesign y Photoshop a través de la propia extensión de Pantone.
Contras: el sistema tiene licencia, las guías físicas cuestan dinero y no tiene ningún significado nativo para un navegador o un archivo CSS.
RAL desempeña un papel similar para la arquitectura y los productos industriales, siendo preferido para recubrimientos en polvo, señalización y cualquier cosa fabricada en lugar de impresa.
Ventajas: un sistema de numeración extremadamente preciso y la referencia estándar en toda Europa para revestimientos y plásticos.
Contras: casi desconocido fuera de los contextos industriales y arquitectónicos, y conlleva las mismas fricciones de licencia que Pantone.
Para trabajos de accesibilidad y contraste
X11 y CSS nombres siguen siendo la opción práctica aquí también. La documentación de accesibilidad normalmente necesita hacer referencia a la misma palabra clave que un desarrollador escribirá en una hoja de estilo.
Combinar un buscador de nombres con un generador de paleta de colores accesible mantiene los nombres elegidos vinculados a combinaciones que también aclaran los requisitos de contraste. Eso es mejor que elegir un nombre primero y comprobar el contraste en el último momento.
Cómo encontrar el nombre de un color paso a paso
El proceso es corto sin importar qué método de entrada se utilice, aunque se introducen algunos pasos adicionales dependiendo de la fuente. La herramienta de esta página cubre la ruta de la imagen; la ruta del código necesita una herramienta con un campo de texto.
Encontrar un nombre de color a partir de un código hexadecimal o RGB
Esta es la ruta más rápida, ya que no hay ningún archivo que preparar ni ningún píxel que muestrear.
- Pega el código hexadecimal o el valor RGB en el campo de entrada
- Deje que la herramienta lo convierta en el espacio de color interno de la base de datos de nombres.
- Lea el nombre devuelto junto con el código original
Un error común hace tropezar a la gente aquí. La gente pega un valor hexadecimal de 8 dígitos, que incluye un canal alfa, en un campo creado para el formato estándar de 6 dígitos.
La especificación CSS Nivel 4 del módulo de color (EN) agregó soporte hexadecimal de 8 dígitos para la transparencia, pero no todos los buscadores de nombres de colores analizan ese par de dígitos adicionales correctamente.
Adobe Color (EN) maneja esto limpiamente. Escribe un código hexadecimal de 6 dígitos y devolverá la muestra con nombre más cercana al instante, sin tocar los valores alfa en absoluto.
Si el destino final es una pieza impresa en lugar de una pantalla, el valor coincidente aún necesita una conversión de RGB a CMYK antes de acercarse a una impresora.
Encontrar un nombre de color a partir de una imagen
La comparación basada en imágenes agrega un paso al frente: obtener un valor de un solo píxel de una imagen completa.
- Cargue el archivo de imagen o pegue una URL en herramientas que acepten una
- Haz clic en un punto de la imagen o deje que la herramienta detecte automáticamente los colores dominantes.
- Ejecute ese valor de muestra a través de la misma búsqueda de nombres utilizada para los códigos escritos
Las herramientas basadas en navegador normalmente leen el archivo cargado como un elemento de imagen HTML (EN) antes de muestrear los píxeles del mismo.
- Los archivos JPEG comprimen los datos de color de forma más agresiva que los PNG
- Las capturas de pantalla suelen tener el color exacto deseado, sin pérdida de compresión.
El muestreo de un archivo JPEG muy comprimido puede devolver un nombre técnicamente correcto para el píxel, pero no para el color que utilizó el diseñador original.
Comprobación de la accesibilidad y el contraste del color con un buscador de nombres de colores
Nombrar un color y confirmar que se puede utilizar son dos comprobaciones diferentes. Un número cada vez mayor de herramientas ahora se ejecutan en la misma interfaz, aunque el buscador en esta página se limita a nombrar.
La verificación de contraste se encuentra dentro de un trabajo más amplio de accesibilidad web (EN), mientras que un buscador de nombres maneja el lado de etiquetado del mismo flujo de trabajo.
Comprobación de la relación de contraste
La relación de contraste mide la diferencia de luminancia entre un color de primer plano y su fondo, formalizada como parte de los requisitos de contraste de color (EN) de WCAG.
| Tipo de texto | Nivel AA | Nivel AAA |
|---|---|---|
| Texto normal | 4.5:1 | 7:1 |
| Texto grande | 3:1 | 4.5:1 |
Las WCAG los establecen como el mínimo para el Criterio de éxito 1.4.3 (EN).
Un buscador de nombres de colores que informa "azul cielo" no dice nada acerca de si el texto azul cielo sobre un fondo blanco realmente supera ese umbral 4.5:1.
Simulación daltónica
Aproximadamente 1 de cada 12 hombres (8%) y 1 de cada 200 mujeres (0.5%) en todo el mundo tienen algún tipo de daltonismo, según Colour Blind Awareness (EN).
La mayoría de los casos caen en una de tres categorías.
- Protanopia, sensibilidad reducida al rojo.
- Deuteranopia, sensibilidad reducida al verde
- Tritanopía, sensibilidad reducida al azul, mucho más rara que las otras dos
Las funciones de simulación aplican un filtro que imita una de estas deficiencias sobre una paleta elegida. Muestran si dos colores con nombre que parecen distintos para la mayoría de las personas colapsan en el mismo tono para alguien con daltonismo rojo-verde.
La detección clínica de esta afección todavía se basa en la prueba de Ishihara, un conjunto de placas con patrones de puntos que una característica de simulación aproxima visualmente en lugar de diagnosticarla.
Cuando un buscador de nombres de colores no funciona
Un buscador de nombres de colores puede fallar incluso cuando cada paso se ejecuta correctamente, porque algunas de las variables quedan completamente fuera de la herramienta.
Pantallas de amplia gama no calibradas muestran el mismo valor hexadecimal con más saturación de la prevista. El navegador no siempre gestiona correctamente los valores sRGB del color en una pantalla más amplia.
Formatos de imagen comprimidos alteran los datos de píxeles antes de que se realice cualquier muestreo. El submuestreo de croma de JPEG promedia la información de color en bloques de píxeles, por lo que un punto muestreado puede variar ligeramente del color utilizado por un diseñador.
Materiales físicos introducen un problema que ninguna base de datos de nombres puede resolver por sí sola: el metamerismo. Dos colores que coinciden bajo una fuente de luz dejan de coincidir bajo otra.
Carencias en las funciones del navegador bloquea completamente métodos de entrada completos. La API EyeDropper, incluida en Chrome 95 (EN), sigue sin ser compatible con Firefox y Safari según caniuse (EN).
La lógica de coincidencia generalmente se ejecuta en JavaScript (EN) dentro del navegador. Una característica que el navegador no expone simplemente no está disponible, sin importar cuán buena sea la base de datos de nombres detrás de ella.
Nada de esto hace que la salida sea inútil. Significa que el nombre devuelto es una aproximación de un valor numérico específico, no una coincidencia certificada con un objeto físico en algún lugar de un escritorio.
Preguntas frecuentes: Buscador de nombres de colores
¿Existe un estándar universal para los nombres de colores?
No existe un estándar único. X11, Pantone, RAL e ISCC-NBS definen cada uno sus propios nombres para diferentes medios. Ninguno actúa como autoridad de nombres global.
La mayoría de los proyectos eligen un estándar según dónde se utilizará el color.
¿Puede un buscador de nombres de colores identificar códigos Pantone o RAL específicamente?
La mayoría de las herramientas gratuitas basadas en navegador, incluida ésta, solo coinciden con X11 o una lista seleccionada personalizada, no con Pantone o RAL.
Obtener un código Pantone o RAL exacto requiere una herramienta de combinación de colores con licencia o un libro de muestras físico, no un buscador de nombres web estándar.
¿Cuál es la diferencia entre los colores seguros para la Web y los nombres Pantone?
Colores seguros para la Web (EN) son un conjunto fijo de 216 tonos de la era de las pantallas de 256 colores, elegidos para reproducirse de manera idéntica en monitores antiguos. Los nombres Pantone describen las fórmulas de tinta físicas utilizadas en la producción impresa.
Los dos sistemas no se corresponden entre sí.
¿Un buscador de nombres de colores ayuda a los usuarios daltónicos?
Devolver una etiqueta de texto en lugar de una muestra ayuda, ya que un nombre como verde bosque no requiere distinguir tonos visualmente. No corrige la deficiencia en la visión de los colores.
Combinar el buscador de nombres con una función de simulación daltónica cubre lo que los nombres simples no pueden.
¿Puede un buscador de nombres de colores coincidir con precisión con los colores de pintura reales?
Trate el resultado como un punto de partida, no como una respuesta final. La iluminación, la calibración del monitor y el propio acabado de la pintura cambian la forma en que se lee un color en persona.
Confirma cualquier coincidencia en línea con una muestra física antes de comprometerse.
¿Cómo maneja buscador de nombres de colores los cambios en los estándares de nombres?
Un buscador de nombres de colores sigue funcionando después de que cambia un estándar de nombres solo al volver a apuntar su base de datos coincidente a la lista actualizada. La herramienta en sí no tiene conocimiento incorporado del historial de revisión o número de versión de un estándar.
Las 267 categorías nombradas de ISCC-NBS se ubican más cerca en escala de los 148 nombres de la lista CSS que de la biblioteca de más de 2000 de Pantone. Eso lo posiciona como un término medio científico entre la taquigrafía web y la precisión de grado industrial.
CSS Módulo de color Nivel 4 (EN) sigue siendo un Borrador de recomendación candidata del W3C a partir de septiembre de 2026, aún no es una Recomendación finalizada. Su lista de colores con nombres se ha mantenido estable desde que se agregó rebeccapurple, por lo que es poco probable que un buscador creado a partir de ella cambie sus respuestas pronto.
Una vez que se confirma un nombre, un flujo de trabajo aún necesita los números subyacentes en un formato diferente. Ahí es donde una conversión de hex a RGB se convierte en el siguiente paso práctico.