Color Converter & Picker
Pick a color visually or paste a HEX/RGB/HSL value — get every format instantly, with a live preview and one-click copy. For designers and developers alike.
Accepts #rgb, #rrggbb, #rrggbbaa, rgb()/rgba(), hsl()/hsla().
100%
Preview
Formats — click any row to copyAll conversions run entirely in your browser — nothing is uploaded.
HEX
HEX8
RGB
RGBA
HSL
HSLA
Something wrong with this tool? Tell us and we'll fix it
How to use
- Pick a color or paste a value in any format (HEX, RGB, HSL).
- See all equivalent formats update live.
- Click any format to copy it.
Frequently asked questions
Which color format should I use in CSS?
All three work everywhere. HEX is compact, RGB is readable, and HSL is the easiest to tweak — lightening a color in HSL means adjusting one number.
What is HSL?
Hue (0-360°, the color itself), Saturation (0-100%, vividness), Lightness (0-100%, dark to light). It maps to how humans think about color, unlike RGB.
Does it support transparency (alpha)?
Yes — RGBA and HSLA outputs are shown when you set transparency, alongside 8-digit HEX with alpha.