Enter HSL, adjust alpha, and preview transparency instantly.
✓ Accepts: 262, 84, 58 or paste hsla(262, 84%, 58%, 0.7) into the H field
Everything runs in your browser - no colors are ever uploaded
Toggle the preview between checkered, white and dark so you see exactly how your alpha value composites - not just a flat swatch.
Enter H, S and L separately, or paste a whole hsla()/hsl() string - including its alpha - straight into the H field.
RGBA, RGB, HEX, HEX8, HSL and HSLA, all live and click-to-copy.
No sign-up, no watermark, convert as many colors as you like.
Type H, S and L, use the color picker, grab the eyedropper, or paste a full hsla() string.
Set transparency from 0–100%, or paste an hsla() string to set both at once.
Click RGBA, RGB, HEX, HEX8, HSL or HSLA - it's copied instantly.
Alpha - the transparency channel. It's a value from 0 (fully transparent) to 1 (fully opaque) layered on top of the hue/saturation/lightness or red/green/blue channels.
Yes - paste something like hsla(262, 84%, 58%, 0.7) into the H field and it's parsed automatically, splitting out hue, saturation, lightness and alpha (when present).
Yes - switch the preview background between checkered, white and dark above the color box, so you can see exactly how the alpha value composites over each surface.
No. Every conversion happens locally in your browser. Nothing you type, pick or slide is sent to a server.
Only the color model differs - HSL describes hue, saturation and lightness while RGB describes red, green and blue - but alpha works identically in both, so the transparency itself never changes during conversion.