¿Cómo se llama ese color? El Buscador de Nombres de Colores responde con el color nombrado más cercano — “Rojo”, “Verde azulado”, “Siena quemado” — más sus valores exactos RGB, HSL, HSV y CMYK y una combinación lista para tu diseño.
Elige un color con el selector o escribe un código hex. Los nombres llegan en vivo desde TheColorAPI, que compara tu color con miles de tonos nombrados y construye armonías según la teoría del color.
Cómo usarlo
Elige un color o escribe su código hex (seis dígitos, con o sin #). Elige un tipo de combinación — análogos para vecinos tranquilos en la rueda de color, complementario para un contraste fuerte, tríada o tétrada para paletas equilibradas — y pulsa Nombrar este color. Pulsa cualquier muestra para copiar su código hex.
Un ejemplo real
Escribe FF0000. La herramienta lo nombra con exactitud: Rojo, rgb(255, 0, 0), hsl(0, 100%, 50%). Cambia la combinación a Complementario y obtienes el rojo más su opuesto — un verde azulado — la pareja clásica de innumerables logotipos y equipaciones. Escribe 0F766E (un verde azulado profundo) y obtendrás una coincidencia exacta con un conjunto análogo y tranquilo de azules y verdes.
Cuándo ayuda
Los diseñadores nombran los colores de marca para guías de estilo. Los desarrolladores convierten una muestra en valores de código. Los blogueros y dueños de tiendas eligen paletas que realmente armonizan en lugar de adivinar. Y los estudiantes aprenden teoría del color viéndola: cambia un dígito hex y observa cómo se desplaza toda la combinación.
Límites honestos
Los nombres son la coincidencia más cercana en la base de datos, no un estándar oficial: dos bases de datos pueden nombrar igual tono de forma distinta. “Exacto” significa que el hex coincide con precisión con una entrada nombrada; el resto se marca como más cercano. Además, los colores en pantalla varían entre monitores: el código hex es el valor fiable, no lo que muestra tu pantalla.
Construir una paleta completa desde un color
Un color es un inicio, no una paleta. Una regla práctica: elige un color dominante para alrededor del 60% del diseño, un color secundario para el 30% y un acento para el 10%. Usa la combinación análoga de esta herramienta para el dominante y el secundario — los vecinos en la rueda siempre quedan bien juntos — y toma el acento de la combinación complementaria, el color opuesto a tu dominante. Esa división 60-30-10 es la razón de que los diseños profesionales se vean tranquilos incluso con colores intensos.
Prueba la paleta en contexto antes de decidirte. Coloca los códigos hex en tu diapositiva, página o maqueta y comprueba el contraste: el texto principal necesita una diferencia fuerte de claro y oscuro con su fondo, mientras que los elementos decorativos pueden tener tonos cercanos. Si dos colores se confunden en tamaños pequeños, oscurece uno un paso o aclara el otro: la herramienta te da esos pasos en los modos monocromo.
Preguntas frecuentes
¿Es gratis? Sí: consultas ilimitadas, sin registro.
¿Qué es un código hex? Seis dígitos que describen rojo, verde y azul: FF0000 es rojo puro, 000000 es negro y FFFFFF es blanco.
¿Puedo usar las combinaciones comercialmente? Sí: los valores de color son datos, libres para cualquier proyecto.
¿Por qué importan los hex copiados? Se pegan directamente en herramientas de diseño, CSS y presentaciones sin reescribir nada.
¿Qué diferencia hay entre tríada y tétrada? La tríada elige tres colores separados por igual en la rueda (120° entre sí): equilibrada pero viva. La tétrada elige cuatro (dos pares complementarios): más rica, pero más difícil de equilibrar, así que deja que un color domine.
¿Cómo uso un código hex en CSS? Pégalo tras el nombre de la propiedad, por ejemplo color: #0F766E; o background: #FF0000;. Los navegadores aceptan directamente la forma con #.
Herramientas relacionadas
Conversor de RGB a Hex · English version: Color Name Finder · Herramientas Gratis en Español.
Inserta esta herramienta en tu web — gratis
Copia el código de abajo para añadir esta herramienta funcional a tu propia página. Solo pedimos que mantengas el pequeño enlace de crédito que la acompaña.