Buscador de nombres de color
Introduce un código HEX, RGB o HSL para encontrar el nombre de color más cercano, comparar colores parecidos y copiar sus valores al instante.
Buscador de nombres de color
¿Qué es el buscador de nombres de color?
Este buscador de nombres de color te dice cuál es el nombre más cercano a partir de un código HEX, RGB o HSL. Compara el color introducido con los 140 colores con nombre de CSS y con una base ampliada de más de 1.500 referencias para ofrecerte la coincidencia más útil.
Va muy bien cuando tienes un color en una guía de marca, un diseño, una paleta o una captura y necesitas ponerle un nombre claro. Además de mostrarte el nombre más cercano, también te enseña códigos listos para copiar y cinco alternativas parecidas para seguir afinando la elección.
Cuándo conviene usarlo
- Diseño y branding – Para identificar rápidamente cómo llamar a un color de marca o de una propuesta visual.
- Documentación de paletas – Para acompañar los códigos con nombres que se entiendan mejor en briefings, manuales y entregas.
- Maquetación CSS – Para comprobar si existe un nombre CSS útil antes de quedarte solo con el valor HEX.
- Comunicación con clientes – Para hablar de colores con etiquetas más memorables que un código técnico.
- Búsqueda de alternativas – Para descubrir tonos cercanos cuando el color original no termina de encajar.
- Aprendizaje de nomenclatura – Para familiarizarte con nombres estándar y descriptivos en flujos de diseño digital.
Funciones principales
- Entrada en HEX, RGB y HSL – Introduce el color en el formato que ya tengas o selecciónalo con el selector visual.
- Dos bases de datos – Elige entre los 140 nombres CSS estándar o una base ampliada con más variedad descriptiva.
- Coincidencia y similitud – Muestra el nombre más cercano y un porcentaje orientativo para saber cuánto se parece al color buscado.
- 5 colores relacionados – Recibes sugerencias cercanas para comparar alternativas sin salir de la herramienta.
- Copia instantánea 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 revisados hace un momento.
Cómo usar el buscador de nombres de color
- Introduce el color – Usa el selector o pega el valor en HEX, RGB o HSL.
- Elige la base – Si quieres nombres CSS utilizables directamente en código, usa la base CSS; si buscas opciones más expresivas, usa la ampliada.
- Consulta la mejor coincidencia – Verás el nombre principal, los códigos convertidos y el porcentaje de similitud.
- Revisa colores parecidos – Haz clic en cualquiera de las cinco sugerencias para probar otro tono al instante.
- Copia y guarda – Copia el formato que necesites y recurre al historial para recuperar búsquedas recientes.
Guía de la base de datos 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 funcionarán en los navegadores modernos.
Base ampliada (1.500+)
Incluye nombres descriptivos y referencias adicionales procedentes de familias como naturaleza, comida, minerales, pasteles o neones. Resulta útil para poner nombre a un color con más matiz, aunque esos nombres no siempre se pueden usar directamente como palabra clave CSS.
Cómo se calcula la similitud
La coincidencia se calcula a partir de la distancia entre colores usando una aproximación basada en Delta E. El objetivo es que el resultado se parezca más a cómo percibimos visualmente los colores que a una simple comparación numérica de RGB.
Preguntas frecuentes
¿Qué diferencia hay entre los colores CSS y la base ampliada?
Los colores CSS son 140 nombres estándar definidos para la web y se pueden usar directamente en hojas de estilo. La base ampliada añade muchos más nombres descriptivos para clasificar colores, pero normalmente tendrás que usar su código HEX, RGB o HSL en lugar del nombre como tal.
¿Cómo se calcula el porcentaje de similitud?
La herramienta mide la distancia entre el color introducido y cada color de la base. Después transforma esa distancia en un porcentaje orientativo para que sea más fácil comparar resultados. El 100% indica coincidencia exacta.
¿Puedo introducir códigos HEX de 3 dígitos?
Sí. Si escribes un HEX corto como F00, la herramienta lo amplía automáticamente a seis dígitos (FF0000). Tampoco hace falta escribir el símbolo #.
¿Dónde se guarda el historial de búsquedas?
El historial se guarda en el almacenamiento local del navegador. Se conservan hasta 20 colores recientes y puedes borrarlos con el botón de limpiar historial o al eliminar los datos del navegador.
El selector de color no me aparece o no funciona
El selector nativo depende del navegador y del dispositivo. Si no se muestra correctamente, puedes seguir usando la herramienta escribiendo el valor manualmente en los campos HEX, RGB o HSL.
¿De dónde salen los nombres de color?
Los nombres CSS proceden del estándar W3C. Los nombres de la base ampliada reúnen referencias de uso habitual en diseño y clasificación cromática, como nombres inspirados en materiales, plantas, alimentos, piedras preciosas o familias de color.
Todavía no hay comentarios. Deja la primera opinión.