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.

Crea sitios impresionantes con S.C.A.L.A.
Descubre SOLO SARA — El asistente AI WhatsApp para freelancers a €9,90/mes

Todos los calculos ocurren en tu navegador. Ningun dato se envia a servidores.