Selector de Colores Gratis
Usa los controles HSL para elegir cualquier color. Obtiene valores HEX, RGB y HSL. Haz clic en la muestra para copiar HEX.
Haz clic en la muestra para copiar HEX
HEX
#1980e6
RGB
rgb(25, 128, 230)
HSL
hsl(210, 80%, 50%)
Como Funciona
Selecciona colores usando controles HSL — Tono, Saturacion y Luminosidad — con salida HEX, RGB y HSL en tiempo real. Haz clic para copiar HEX. Incluye historial de colores recientes.
Cuando Usarlo
- Encontrar el color perfecto ajustando tono, saturacion y luminosidad independientemente.
- Construir conjuntos de colores ajustando solo luminosidad para variaciones consistentes.
- Obtener rapidamente codigos HEX para CSS durante desarrollo front-end.
Preguntas Frecuentes
Por que controles HSL en vez de rueda de colores?
HSL ofrece control independiente: Tono, Saturacion, Luminosidad. Facil crear variaciones — mismo tono, diferente luminosidad para estados hover.
Que son los colores recientes?
La herramienta recuerda los colores elegidos como muestras clicables. Compara y cambia sin reingresar valores.
Como copio el valor del color?
Haz clic en la muestra grande para copiar HEX. Puedes copiar RGB o HSL individualmente. Una notificacion "Copiado!" confirma.
Todos los calculos ocurren en tu navegador. Ningun dato se envia a servidores.
Estas herramientas son gratis para siempre. SARA va más allá.
SARA es tu agente AI en WhatsApp: responde a clientes, gestiona reservas y hace seguimiento — 24/7, automáticamente. Pruébala gratis 14 días.
Empieza tu prueba gratis de 14 días →