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,146
HSL a HEXA

Convierta su formato de color HSL al formato HEXA.

1,200
HSL a RGB

Convierta su formato de color HSL al formato RGB.

1,334
HSL a RGBA

Convierta su formato de color HSL al formato RGBA.

1,285
HSL a HSV

Convierta su formato de color HSL al formato HSV.

1,004

Herramientas populares