HSL a HSLA
La misma lógica de tono, ahora con opacidad
HSLA extiende HSL con un canal alfa, para que pueda mantener el ajuste de tono/luminosidad mientras controla la transparencia para las capas de estado y superposiciones.
Patrón de sistema de diseño
Un enfoque común es definir paletas base en HSL y derivar variantes translúcidas en HSLA para pasar el cursor, enfocar y desactivar estados.