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.

Herramientas relacionadas

Herramientas similares

HSL a HEX

Convierta su formato de color HSL al formato HEX.

1,151
HSL a HEXA

Convierta su formato de color HSL al formato HEXA.

1,208
HSL a RGB

Convierta su formato de color HSL al formato RGB.

1,336
HSL a RGBA

Convierta su formato de color HSL al formato RGBA.

1,292
HSL a HSV

Convierta su formato de color HSL al formato HSV.

1,008

Herramientas populares