HEX · nombres · colores cercanos
Buscador de nombres de color
Introduce un código HEX o un nombre de color para ver el nombre más cercano, los valores RGB/HSL y colores similares en una sola vista.
Entrada de color
El selector, el campo HEX y la búsqueda por nombre quedan en un flujo compacto.
Resultado del nombre
El nombre principal y los valores copiables quedan cerca.
Colores similares
Compara tarjetas de color ordenadas desde la opción más cercana.
Búsquedas recientes
Guarda los últimos 12 colores en formato compacto para volver a abrirlos.
Guía de nombres de color
Un código HEX puede convertirse en un nombre de color legible
El Buscador de nombres de color convierte un valor de color en algo más fácil de explicar: un nombre, sus valores RGB y HSL, y una lista de colores cercanos. Puedes empezar desde el selector, pegar un HEX o escribir un nombre, y el resultado acaba en las mismas tarjetas.
Elige primero el color y después lee juntos el nombre y los valores
La herramienta tiene tres puntos de entrada, pero no hace falta usarlos todos. Empieza con el dato que ya tengas y copia desde el resultado el formato que necesites.
- Elige un color o pega un código HEX. Un valor completo como #3498db funciona directamente; un valor corto como #fff se amplía al formato de seis dígitos.
- Busca por nombre si recuerdas la palabra del color. Tomato, Red u otro nombre conocido abrirá sugerencias que puedes seleccionar sin usar el selector.
- Distingue entre coincidencia exacta y color cercano. La coincidencia exacta significa que el HEX existe en la lista del buscador; si no aparece, las tarjetas de colores similares son la referencia práctica.
- Copia solo el formato que vas a usar. HEX suele ir bien para tokens de diseño, RGB para algunos fragmentos CSS y HSL para ajustar tono, saturación o luminosidad.
HEX, búsqueda por nombre y selector llegan al mismo resultado
HEX es la notación web #RRGGBB. RGB muestra cuánto rojo, verde y azul tiene el color. HSL separa tono, saturación y luminosidad, algo útil cuando quieres aclarar, apagar o intensificar un color.
Código HEX
Úsalo cuando un archivo de diseño, una hoja CSS o una guía de marca ya trae el código.
Búsqueda por nombre
Úsala cuando recuerdas el nombre pero no el código exacto. El buscador mira nombres en inglés y nombres localizados incluidos en los datos.
Selector de color
Úsalo cuando reconoces el color visualmente. Elige primero y revisa después el nombre y el código.
Un nombre exacto y un nombre cercano responden a preguntas distintas
Los nombres CSS son una lista fija reconocida por los navegadores. La herramienta también incluye nombres extendidos de estilos Material y Flat para comparar colores que no están en la lista estándar. Los colores similares se ordenan por una distancia RGB ponderada: cuanto menor es la distancia, más cerca está el color.
#ff0000 es Red; los colores intermedios se leen con la lista de cercanos
Si introduces #ff0000, el resultado es Red (Rojo). En la misma tarjeta puedes copiar rgb(255, 0, 0), hsl(0, 100%, 50%) y #FF0000. Si el rojo es más apagado o marrón, puede no haber coincidencia exacta; en ese caso conviene revisar primero la tarjeta similar número 1.
Cuando no hay coincidencia exacta
No es un error. Solo indica que el HEX elegido está entre colores con nombre. Compara las primeras tarjetas similares y usa el nombre que encaje con el vocabulario de tu proyecto.
Lee el resultado según el uso: nombre, código o valor de ajuste
El resultado se aprovecha mejor cuando sabes dónde lo vas a pegar. Por eso los botones de copia están separados.
- Usa el nombre para hablar del color. Sirve para explicar una paleta en un mensaje, un brief o una revisión de diseño.
- Usa HEX para tokens y muchos valores CSS. El resultado se normaliza como HEX de seis dígitos en mayúsculas.
- Usa RGB cuando importan los canales. Permite comparar cuánto rojo, verde y azul contiene el color.
- Usa HSL cuando vayas a ajustar el color. Tono, saturación y luminosidad se leen con más claridad que los canales RGB.
- Recuerda que el historial es local del navegador. Modo privado, bloqueo de almacenamiento o borrar datos del sitio pueden dejarlo vacío.
Preguntas frecuentes sobre el buscador de nombres de color
¿Qué significa que no haya coincidencia exacta?
Significa que el valor HEX no es idéntico a un nombre guardado en la herramienta. La lista de colores similares sigue siendo útil; empieza por la primera tarjeta y compárala con el vocabulario de tu paleta.
¿Puedo escribir un HEX de 3 dígitos?
Sí. Un valor como #fff se expande a #FFFFFF antes de calcular y mostrar el resultado.
¿Cuándo conviene usar RGB y cuándo HSL?
RGB es mejor cuando necesitas los canales rojo, verde y azul. HSL es más cómodo cuando vas a ajustar tono, saturación o luminosidad.
¿Por qué desaparecen mis colores recientes?
Los colores recientes se guardan en el almacenamiento local del navegador. La navegación privada, el bloqueo de almacenamiento o borrar los datos del sitio pueden vaciar el historial.