Color Converter

Switch between HEX, RGB, and HSL representations of any colour with a live preview. Edit any field and the others update instantly.

Native color picker:

HEX

RGB

HSL

HEX accepts #RGB, #RGBA, #RRGGBB, or #RRGGBBAA. RGB/HSL accept their function syntax with optional alpha.

Which colour format should I use?

HEX — the most common form in CSS and design tools. Compact and copy-friendly.
RGB — readable channel-by-channel; great when you're nudging individual channels.
HSL — hue, saturation, lightness — best for building consistent palettes (shift hue while keeping contrast).

Append two hex digits for alpha (e.g. #1E90FF80), or use rgba(…) / hsla(…) syntax. The preview shows transparency over a checkerboard.