Color Code Converter

Convert HEX, RGB(A), and HSL(A) formats, inspect alpha, and preview the color live.

Color Code Converter

Convert HEX, RGB(A), and HSL(A) color values in one field and inspect the live preview.

Examples: `#1D4ED8`, `rgb(29, 78, 216)`, `hsl(221, 76%, 48%)`

Preview

Valid color
Red
29
Green
78
Blue
216
Alpha
1

Conversions

HEX
#1D4ED8
HEX + alpha
#1D4ED8FF
RGB
rgb(29, 78, 216)
RGBA
rgba(29, 78, 216, 1)
HSL
hsl(224.28, 76.33%, 48.04%)
HSLA
hsla(224.28, 76.33%, 48.04%, 1)

What does it do?

It parses one color input and shows equivalent formats side by side.

When is it useful?

Helpful in design systems, frontend work, and quick UI color checks.