Buscador de nombres de color

¿Qué es el buscador de nombres de color?

Este buscador de nombres de color te dice cómo se llama el tono más cercano cuando pegas un código HEX, RGB o HSL. Compara tu entrada con los 140 colores con nombre de CSS y con una base ampliada de más de 1,500 referencias para devolverte una coincidencia útil, clara y fácil de reutilizar.

Sirve mucho cuando recibes un color en una guía de marca, una maqueta, una captura de pantalla o una paleta y quieres ponerle un nombre entendible para diseño, frontend, contenido o ventas. Además del nombre principal, también te muestra los códigos listos para copiar y cinco colores parecidos para seguir afinando el tono.

Cuándo te conviene usarlo

• Diseño y branding – Para identificar rápido cómo nombrar un color de marca, una propuesta visual o un mockup.
• Documentación de paletas – Para acompañar códigos técnicos con nombres más fáciles de compartir en manuales, entregables y handoff.
• CSS y frontend – Para revisar si existe un nombre CSS útil antes de quedarte solo con el valor HEX.
• Comunicación con clientes o equipo – Para hablar de colores con etiquetas memorables en vez de leer códigos largos.
• Búsqueda de alternativas – Para descubrir tonos cercanos cuando el color original no termina de convencer.
• Revisión desde celular o compu – Para identificar colores rápido aunque solo tengas a la mano una referencia visual y un código.

Funciones principales

• Entrada en HEX, RGB y HSL – Escribe el color en el formato que ya tengas o selecciónalo con el picker visual del navegador.
• Dos catálogos de color – Puedes elegir entre los 140 nombres CSS estándar o una base ampliada con descripciones más variadas.
• Coincidencia y porcentaje de parecido – Muestra el nombre más cercano y una referencia rápida de qué tanto se parece al color que buscaste.
• 5 sugerencias relacionadas – Recibes tonos cercanos para comparar alternativas sin salir de la herramienta.
• Copia inmediata de códigos – Haz clic sobre HEX, RGB o HSL para copiar el valor al portapapeles.
• Historial reciente – Guarda automáticamente hasta 20 búsquedas para volver a colores que acabas de revisar.

Cómo usar el buscador de nombres de color

1. Ingresa el color – Usa el selector o pega el valor en HEX, RGB o HSL.
2. Escoge la base – Si quieres nombres CSS que puedas usar directo en código, deja la base CSS; si buscas opciones más descriptivas, cambia a la ampliada.
3. Revisa la mejor coincidencia – Verás el nombre principal, los códigos convertidos y el porcentaje de parecido.
4. Explora colores parecidos – Haz clic en cualquiera de las cinco sugerencias para probar ese tono al instante.
5. Copia o recupera después – Copia el formato que necesites y usa el historial para regresar a búsquedas recientes.

Guía del catálogo de colores

Colores CSS (140)

Son los colores con nombre definidos por el estándar web. Puedes usar nombres como gold, coral o slateblue directamente en CSS y funcionan en navegadores modernos.

Base ampliada (1,500+)

Incluye nombres descriptivos y referencias adicionales inspiradas en naturaleza, comida, minerales, tonos pastel y neón. Es útil para clasificar colores con más matiz, aunque esos nombres no siempre funcionan como palabras clave CSS.

Cómo se calcula el parecido

La coincidencia se calcula a partir de la distancia entre colores con una aproximación basada en Delta E. La idea es que el resultado se acerque más a cómo percibimos visualmente el color que a una comparación puramente numérica de RGB.

Preguntas frecuentes