Buscador de Nombres de Color
Encuentra instantáneamente el nombre de color CSS para cualquier color. Selecciona cualquier valor HEX, RGB o HSL y descubre su color nombrado W3C/CSS más cercano con precisión perceptual.
Entrada
Salida
Leerme
¿Qué son los colores nombrados de CSS?
Los colores nombrados de CSS son un conjunto de palabras clave de color predefinidas que los navegadores y herramientas de diseño reconocen por nombre — palabras como tomato, steelblue, cornflowerblue o rebeccapurple. Hay 147 colores nombrados estándar definidos en la especificación CSS Color Level 4 (también conocida como lista de colores W3CX11). Cada nombre se asigna a un valor hex específico, lo que facilita hacer referencia a colores en el código sin necesidad de recordar valores RGB o hex exactos.
Los colores nombrados han sido parte de HTML y CSS desde los primeros días de la web. Con el tiempo, la lista creció desde los 16 colores básicos originales hasta el conjunto completo que se reconoce hoy. A pesar de la abundancia de códigos hex y propiedades personalizadas en el desarrollo web moderno, los colores nombrados siguen siendo populares por su legibilidad, prototipado rápido y propósitos educativos.
Descripción de la herramienta
Color Name Finder toma cualquier color que elijas — a través de un selector de color o entrada hex — e identifica el color nombrado de CSS más cercano. Cuando el color seleccionado es un color CSS exacto, muestra una coincidencia perfecta. De lo contrario, calcula la distancia de color perceptual a cada color nombrado utilizando el algoritmo CIEDE2000 y devuelve el más cercano, junto con una puntuación de distancia numérica que indica qué tan cercana es la coincidencia.
Características
- Coincidencia de color perceptual — utiliza la fórmula de diferencia de color CIEDE2000, la misma métrica utilizada en la ciencia del color profesional, para encontrar el color nombrado visualmente más similar en lugar de solo el valor hex más cercano.
- Detección de coincidencia exacta — reconoce instantáneamente cualquiera de los 147 colores nombrados de CSS estándar e informa una coincidencia exacta con distancia cero.
- Puntuación de distancia ΔE — muestra un valor delta E numérico para que puedas juzgar qué tan cercano es el nombre más cercano; los valores por debajo de 2 generalmente son imperceptibles al ojo humano.