What format should I use for CSS?

Modern CSS accepts HEX, rgb(), hsl(), and the new oklch() format. HEX is shortest; HSL is most human-friendly when you need to tweak lightness or saturation by hand.

Why does my hex code work in CSS but look slightly off here?

Some HEX shorthand (#abc) expands to #aabbcc. Make sure both values agree — a #abc shortcut and #aabbcc are identical, but #ABC and #ABCDEF differ.

Does this support alpha (transparency)?

Not in this version — the converter handles solid HEX, RGB, and HSL only. If you need alpha, use the CSS rgba() or hsla() syntax manually with the values shown here.

SnapTools

Files never leave your device

Color Converter

Pick a color and view its HEX, RGB, and HSL values side-by-side.

RGB

HSL

H°

HEX

#6366f1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

How to use Color Converter

Pick a color from the picker, or type any value (HEX, RGB, HSL).
All other formats update automatically.
Click any value to copy it.

How to use Color Converter

Frequently asked questions

What format should I use for CSS?

Why does my hex code work in CSS but look slightly off here?

Does this support alpha (transparency)?