Buscador de Nombres de Colores
Encuentra el nombre de color más cercano para cualquier código hex, RGB o HSL. Ingresa un color y obtén coincidencias de listas HTML/X11, NTC (más de 1500 nombres) y básica — ordenadas por similitud perceptual (Delta-E). Perfecto para diseño, accesibilidad y nombrar colores.
Color Preview
Results update automatically as you type or use the picker.
Type a color code or use the picker above. Results update as you type.
Ingresa un color (hex, rgb o hsl) para encontrar su nombre más cercano
Tabla de Contenidos
¿Qué es un Buscador de Nombres de Colores?
Un buscador de nombres de colores toma un código de color (hex, RGB, HSL) y devuelve el nombre de color más cercano de una o más listas (p. ej. nombres de colores HTML/X11, NTC). Como la mayoría de los códigos no tienen un nombre exacto, la herramienta usa distancia de color perceptual (Delta-E en espacio Lab) para que el nombre coincida con lo que ve el ojo.
El Buscador de Nombres de Colores de Tooladex usa la biblioteca color-namer y admite hex (#FF5500), RGB (rgb(255,85,0)) y HSL (hsl(24,100%,50%)). Los resultados se muestran de listas Básica, HTML/X11 y NTC (más de 1500 nombres), con la coincidencia más cercana primero y la distancia para que puedas juzgar el ajuste.
Cómo funciona
- Ingresa un color — Hex (#FF5500), RGB (rgb(255,85,0)) o HSL (hsl(24,100%,50%)). Con o sin # para hex.
- Se calculan las coincidencias — Tu color se compara con cada color nombrado en cada lista en espacio Lab; la distancia más pequeña es el nombre más cercano.
- Ve los nombres más cercanos — Para cada lista (Básica, HTML/X11, NTC) se muestra el nombre más cercano y su hex y distancia. Distancia menor = coincidencia más cercana.
- Más coincidencias NTC — Hasta 7 nombres NTC adicionales se listan por similitud para que puedas elegir un nombre más específico o alternativo.
Todo el procesamiento se ejecuta en tu navegador; no se envían datos de color a un servidor.
Listas de nombres
- Básica — Pequeño conjunto de nombres simples (p. ej. rojo, azul, verde).
- HTML / X11 — Nombres de colores HTML/CSS estándar (de la lista X11). Se muestran juntos porque generalmente devuelven la misma coincidencia más cercana.
- NTC — Gran conjunto (más de 1500 nombres) de la lista "Name That Color"; mejor para nombres específicos o creativos.
Casos de uso
- Diseño — Nombra un color de un selector o hex de marca para documentación o paletas.
- Accesibilidad — Referirse a colores por nombre en especificaciones o discusiones.
- Código — Elegir entre colores nombrados (p. ej. coral) vs hex en CSS.
- Contenido — Etiquetar colores en catálogos, filtros o UI (p. ej. "Tangerina" en lugar de #FF9966).
Preguntas frecuentes
Hex (p. ej. #FF5500 o FF5500), RGB (p. ej. rgb(255,85,0)), RGBA y HSL (p. ej. hsl(24,100%,50%)). La herramienta normaliza automáticamente hex de 6 dígitos sin #.
La distancia es cuán lejos está tu color del color nombrado en el espacio de color Lab (perceptual). Cero significa una coincidencia exacta. Valores más pequeños significan una coincidencia más cercana; valores más grandes significan que el nombre es solo un ajuste aproximado.
Cada lista tiene un conjunto diferente de colores nombrados. Básica tiene pocos nombres; NTC tiene más de 1500. El nombre más cercano en cada lista puede diferir (p. ej. "rojo" en básica vs "coral" en HTML/X11) porque las listas no contienen los mismos colores.