HSL ↔ RGBA Color Converter

Convert between HSL and RGBA color spaces with transparency control

HSL Color

#0000ff

Hue: 240°

Saturation: 100%

Lightness: 50%

Alpha: 1.00

H

S

L

A

CSS Code

hsl(240, 100%, 50%)

RGBA Color

rgba(0, 0, 255, 1)

Red: 0

Green: 0

Blue: 255

Alpha: 1.00

R

G

B

A

CSS Code

rgba(0, 0, 255, 1)

How to Use

HSL to RGBA Conversion:

• Adjust Hue (0-360°), Saturation (0-100%), Lightness (0-100%)
• Control Alpha transparency (0-1)
• Real-time preview with checkerboard background
• Copy generated RGBA CSS code

RGBA to HSL Conversion:

• Adjust Red, Green, Blue values (0-255)
• Control Alpha transparency (0-1)
• Automatic HSL calculation
• Copy generated HSL CSS code