Color Converter
Pick a color and convert instantly between HEX, RGB, HSL, and CSS formats. Free online color picker and converter with a live preview.
How to use the Color Converter
- Pick a color with the swatch, or type a value into any of the HEX, RGB, or HSL fields.
- Edit any one format — the other two update instantly to stay in sync.
- Watch the large preview swatch update live to the exact color you’ve chosen.
- Click the copy button beside any format to grab a ready-to-paste CSS value.
Frequently asked questions
What color formats are supported?
HEX (including 3-digit shorthand like
#0f9), RGB, and HSL. Values you copy are formatted as valid CSS, e.g. #0f9d76, rgb(15, 157, 118), or hsl(162, 83%, 34%).Why do converted values sometimes round?
RGB uses whole numbers 0–255 and HSL uses whole degrees and percentages, so converting between them rounds to the nearest valid value. Round-tripping may shift a color by one step.
Does it handle 3-digit hex codes?
Yes. A shorthand like
#abc is automatically expanded to #aabbcc before converting.Is anything uploaded?
No. Every conversion runs locally in your browser with JavaScript — no color you enter ever leaves your device.