Buscador de nombres de colores

• Coincidencia instantánea del color más cercano: el buscador de nombres de colores calcula al instante la distancia euclídea entre tu color de entrada y cada color de la base de datos, y devuelve las 6 coincidencias más cercanas ordenadas por similitud perceptiva. Sin ningún botón que pulsar.
• Más de 300 nombres CSS, X11 y Pantone: la base de datos cubre los 148 colores con nombre CSS, más de 50 nombres de color X11 y más de 100 aproximaciones Pantone: los tres sistemas de nombres de color más consultados en web, impresión y diseño.
• Buscar por nombre o explorar: cambia a la pestaña de búsqueda para encontrar colores por nombre; escribe «coral», «navy» o «pantone 186» para explorar toda la base de datos. Haz clic en cualquier resultado para ver al instante sus coincidencias más cercanas y copiar sus valores.
• 100% privado y sin subidas: todas las búsquedas de color ocurren localmente en tu navegador. Ningún dato de color se envía jamás a un servidor, se almacena ni se registra. El buscador de nombres de colores funciona por completo sin conexión una vez cargada la página.

• Desarrollo CSS: encuentra el color con nombre CSS más cercano a tu token de diseño para poder usar un nombre semántico en lugar de un código HEX sin procesar. El buscador de nombres de colores te dice al instante si tu color tiene una coincidencia CSS exacta.
• Documentación de diseño: al documentar una paleta de colores, usa el buscador de nombres de colores para dar a cada color un nombre legible por humanos. Los colores con nombre son más fáciles de comunicar a las partes interesadas que los códigos HEX sin procesar.
• Igualación de impresión y marca: encuentra la aproximación Pantone más cercana para cualquier color de pantalla. La base de datos Pantone del buscador de nombres de colores te ayuda a identificar el color de tinta estándar más próximo para la producción de impresión.
• Accesibilidad y comunicación de colores: al escribir informes de accesibilidad o especificaciones de diseño, usa colores con nombre para describir claramente los elementos de la interfaz. El buscador de nombres de colores te da el nombre estándar de cualquier valor de color.
• Arte digital e ilustración: identifica el nombre estándar de los colores que tomas de imágenes de referencia o paletas. El buscador de nombres de colores cubre colores artísticos X11 como Cerulean, Vermilion y Ochre que los diseñadores usan a diario.
• Pruebas de daltonismo y accesibilidad: usa colores con nombre para comunicar elecciones de color a usuarios con deficiencias de visión del color. Nombres como «DodgerBlue» y «Crimson» son más descriptivos que los códigos HEX en contextos de accesibilidad.

Un buscador de nombres de colores toma cualquier valor de color (HEX, RGB o una consulta de búsqueda) y devuelve el color con nombre más cercano de una base de datos seleccionada. Los nombres de color provienen de tres sistemas principales: colores con nombre CSS (los 148 colores definidos en la especificación CSS, como «CornflowerBlue» y «Tomato»), nombres de color X11 (el conjunto ampliado usado en sistemas Unix/Linux y herramientas de diseño, que incluye colores como «Cerulean» y «Vermilion») y aproximaciones de color Pantone (el sistema de colores de tinta estándar del sector usado en impresión y diseño de marca).

La búsqueda se realiza en tres pasos, por completo en tu navegador:

1. Analiza tu entrada: introduce un código HEX (p. ej., #3b82f6), usa el selector de color nativo, introduce valores RGB o busca por nombre. El buscador de nombres de colores acepta todos los formatos de entrada habituales.
2. Calcula las distancias: la herramienta calcula la distancia euclídea entre tu color de entrada y cada color de la base de datos de más de 300 nombres usando la fórmula √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²). Una distancia de 0 significa una coincidencia exacta. Tus datos de color nunca salen de tu navegador.
3. Devuelve las mejores coincidencias: los seis colores con nombre más cercanos se muestran como tarjetas con sus valores HEX, RGB y HSL, todos copiables con un clic. Cada tarjeta muestra el origen del color (CSS, X11 o Pantone) y la puntuación de distancia.

• Colores con nombre CSS: los 148 colores definidos en la especificación CSS Color Module Level 4. Son los únicos nombres de color que funcionan directamente en hojas de estilo CSS sin ninguna conversión.
• Nombres de color X11: un conjunto ampliado de unos 550 nombres de color definidos originalmente para el sistema de ventanas X. Muchas herramientas de diseño y lenguajes de programación incluyen colores X11. El buscador de nombres de colores incluye los nombres X11 más útiles que no cubre ya CSS.
• Aproximaciones Pantone: valores sRGB aproximados para los colores del Pantone Matching System (PMS). Son solo aproximaciones en pantalla: los colores de tinta Pantone reales solo pueden igualarse con precisión con muestras físicas.

La distancia Δ que aparece en cada tarjeta de resultado es la distancia euclídea en el espacio de color RGB entre tu color de entrada y el color con nombre. Una distancia de 0 significa una coincidencia exacta. Las distancias inferiores a 20 son muy cercanas (casi indistinguibles). Las distancias superiores a 50 indican una diferencia de color perceptible. Para una coincidencia más precisa a nivel perceptivo, una versión futura podría usar la distancia CIE ΔE en lugar de la distancia euclídea en RGB.