¿Qué es Buscador de nombres de color?

Escribe cualquier valor HEX, RGB o HSL y obtén el color con nombre más cercano de una base de datos de más de 1500 nombres. Convierte un código de color en una etiqueta que puedes decir en voz alta, lo cual ayuda al redactar documentación de diseño o al hablar de una paleta con un compañero.

Los nombres salen del proyecto color-name-list, la misma fuente que citan plugins de Figma y extensiones de Tailwind. Puedes introducir un valor HEX, pasar la entrada a RGB o HSL y teclear los canales, o elegir una muestra con el selector visual. La herramienta devuelve la coincidencia más cercana por distancia euclídea en RGB —mostrada en HEX, RGB, HSL, HSV y CMYK— junto con dos nombres alternativos, una puntuación de similitud y una comprobación de contraste WCAG, así distingues una coincidencia casi perfecta de una aproximación tosca.

Cómo usar

1. Paso 1 — Introduce un valor de color en HEX (p. ej., #3B82F6), pasa la entrada a RGB o HSL para teclear los canales, o usa el selector de color para elegirlo visualmente.
2. Paso 2 — La herramienta encuentra al instante el color con nombre más cercano junto con la distancia exacta de coincidencia.
3. Paso 3 — Consulta el nombre del color, su valor HEX exacto y una comparación visual entre tu entrada y el color con nombre.

Cuándo usar

• Bautizar un color de marca antes de meterlo en la guía de estilo o el sistema de diseño.
• Traducir el color de una captura a un nombre que el equipo de desarrollo pueda buscar.
• Comparar una muestra de pintura o tela con una paleta web conocida.

Resultado

Un desarrollador introduce #4A90D9 y descubre que el color más cercano es "Steel Blue" (#4682B4) con un 96,2 % de similitud.

Preguntas frecuentes

¿De dónde salen estos nombres de color?

Del proyecto de código abierto color-name-list, que reúne unos 1.500 nombres seleccionados a partir de la encuesta de xkcd, catálogos de fabricantes de pintura y especificaciones CSS. Muchas herramientas de diseño usan la misma base, así que los nombres resultan familiares.

¿Por qué algunas entradas nunca llegan al 100% de similitud?

Solo los colores que coinciden exactamente con una entrada del listado consiguen 100%. El resto recibe el vecino más próximo por distancia RGB. Por encima del 95% el ojo no distingue; por debajo del 85% el nombre se aleja notoriamente del color real.

¿Usa distancia RGB o distancia perceptual?

Distancia euclidiana en RGB. Es rápida y funciona bien para colores web habituales, pero puede elegir un nombre algo descolocado en rojos y verdes muy saturados, donde el ojo humano percibe más matices de los que recoge el modelo RGB.

¿Puedo escribir HSL, RGB o HEX directamente?

Sí: los tres están integrados. Cambia la pestaña de entrada a HEX, RGB o HSL y escribe tu valor, o elige un color con el selector. La tarjeta de resultado también muestra el color coincidente en HSL, HSV y CMYK para que copies el formato que necesites.

¿Por qué dos valores HEX muy distintos devuelven el mismo nombre?

El listado tiene huecos en algunas zonas del espacio cromático, sobre todo neutros apagados y rosas pastel. Cuando ninguno de los dos colores se acerca a una entrada, gana el mismo vecino más próximo. La puntuación de similitud delata la distancia.

Herramientas relacionadas