Aclarar u oscurecer un color
Elija un color de partida y ajuste directamente su componente de luminosidad HSL con el control deslizante (un valor de 0 a 100, no un porcentaje relativo) para aclararlo u oscurecerlo. Procesamiento 100% local en su navegador: no se envía nada a un servidor.
Cómo funciona
A diferencia de una simple mezcla con blanco o con negro, ajustar la luminosidad (L) del modelo HSL conserva exactamente el matiz (H) y la saturación (S) originales: el color mantiene su identidad cromática a lo largo de todo el control deslizante, del negro absoluto (L=0) al blanco absoluto (L=100), pasando por el tono puro en el centro (L=50). Es el método que utilizan la mayoría de los selectores de color profesionales para generar variaciones coherentes de un mismo tono.
¿Por qué este control deslizante no muestra un porcentaje de aclarado?
Un porcentaje relativo («+20% de luminosidad») depende del valor de partida y se vuelve ambiguo enseguida cerca de los extremos. Aquí, el control deslizante fija directamente el valor absoluto de L en el espacio HSL (de 0 a 100), lo que da un resultado predecible y reproducible sea cual sea el color de partida.
¿También cambian el matiz (H) y la saturación (S)?
No, solo se modifica la luminosidad. Si desea un color más o menos vivo, cambie el color de partida con el selector, que redefine el matiz y la saturación antes de que ajuste la luminosidad.
Ningún dato sale de su dispositivo: el cálculo HSL se ejecuta íntegramente en JavaScript en su navegador.