BuildUtilities

What is RGBA?

Red, Green, Blue plus Alpha (transparency). The standard CSS way to make a color partially see-through.

Color Format Converter

Full tool
5 formats
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
OKLCH
oklch(0.62 0.188 259.8)
CMYK
cmyk(76%, 47%, 0%, 4%)

RGBA extends RGB with an alpha channel from 0 (fully transparent) to 1 (fully opaque). `rgba(0, 0, 0, 0.5)` is black at 50% opacity.

Modern CSS also accepts space-separated syntax and percentage alpha: `rgb(0 0 0 / 50%)`. Both work; the older comma form is more widely understood.

If you only need partial opacity on a solid background, RGBA is usually cleaner than layering opacity on the whole element (which would also fade its children).

Related tools

Keep reading

Tip Jar