Ajustador HSL de imagen en línea

Qué hace esta herramienta

Esta herramienta aplica tres ajustes globales a toda la imagen: tono (rotación de color), saturación (intensidad del color) y brillo (claridad general). No se trata de un ajuste de luminosidad HSL directo, sino de un filtro CSS de brillo.

Parámetros reales y ejemplo

Los controles son:

• Tono: -360 a 360 grados (por defecto 0).
• Saturación: 0% a 200% (por defecto 100%).
• Brillo: 0% a 200% (por defecto 100%).

El filtro se aplica en este orden: hue-rotate(ángulo), saturate(porcentaje) y brightness(porcentaje). Por ejemplo, si introduces tono 45, saturación 150 y brillo 80, el resultado será hue-rotate(45deg) saturate(150%) brightness(80%). Si introduces valores fuera de rango, como tono 500, saturación -20 o brillo 250, se limitarán a 360, 0 y 200 respectivamente.

Limitaciones importantes

• No hay ajuste de luminosidad HSL directo; el tercer control es brillo CSS.
• No hay curvas de canal, histograma, máscaras, balance de blancos automático ni flujo de trabajo RAW/ICC.
• Una saturación o un brillo muy altos pueden recortar detalles de color visibles; por eso es recomendable conservar el original.
• El tamaño de la imagen de salida no cambia y no hay vista previa automática en vivo.

Preguntas frecuentes

¿Qué ocurre si pongo saturación al 0%?

La imagen se convierte en escala de grises, porque el filtro saturate(0%) elimina toda la saturación de color.

¿Por qué el brillo al 0% hace que la imagen se vea negra?

El filtro brightness(0%) produce un color negro RGB, aunque se conserva la geometría de la imagen. No es un ajuste de luminosidad HSL, así que no esperes un efecto de oscurecimiento suave.

¿Puedo ajustar solo una parte de la imagen?

No, los ajustes se aplican a toda la imagen. No hay máscaras ni selecciones. Si necesitas ajustes locales, tendrás que usar un editor de imágenes más avanzado.