coloresHerramienta clásica

Generador de Colores HEX, RGB y HSL

Genera colores, convierte HEX, RGB y HSL y revisa contraste, color complementario y variaciones rápidas.

Usa este generador de colores HEX, RGB y HSL para crear combinaciones visuales con más rapidez, convertir formatos al instante y comprobar si un color encaja bien en interfaz, branding, miniaturas, botones, diapositivas o piezas de contenido. En lugar de mirar un código aislado, ves el color principal, su complemento y versiones más claras y más oscuras en un mismo panel.

Puedes empezar por un código hexadecimal, ajustar canales RGB o mover matiz, saturación y luminosidad en HSL. Eso vuelve la herramienta útil tanto cuando ya tienes un color definido como cuando todavía buscas un tono más limpio, más fuerte, más suave o con mejor lectura.

La página también sugiere si conviene usar texto claro u oscuro sobre el fondo actual. Es un flujo práctico para diseñadores, creadores, equipos de contenido, desarrolladores y cualquier persona que necesite elegir color con más contexto visual y menos prueba manual.

Controles RGB
Controles HSL

Usa el selector, pega un HEX o ajusta RGB/HSL para obtener una paleta rápida con guía de contraste.

#2F7DE1
Resumen del color#2F7DE1 corresponde a rgb(47, 125, 225) y hsl(214, 74%, 53%).
HEX#2F7DE1
RGBrgb(47, 125, 225)
HSLhsl(214, 74%, 53%)
Color complementario#E1932F
Mejor contraste de textoEste fondo suele funcionar mejor con texto claro.
Más profunda#0F3869
Más oscura#1B5BB0
Base#2F7DE1
Más clara#70A7EC
Complementaria#E1932F

Usa datos claros para recibir un resultado más útil.