Color Converter
Convert colors between HEX, RGB, HSL and OKLCH in your browser with a live swatch. Copy any format, or pick a color from your screen with the eyedropper.
How it works
- 01Enter a color in HEX, RGB, HSL or OKLCH, or use the picker.
- 02See every other format update live alongside a preview swatch.
- 03Optionally use the eyedropper to grab a color from your screen.
- 04Copy the format you need with one click.
Frequently asked questions
Which color formats are supported?
You can convert between HEX, RGB, HSL and modern OKLCH. Enter a value in any one format and the tool instantly shows the equivalents in all the others, with a live preview swatch.
What is OKLCH?
OKLCH is a perceptually uniform color space, now supported in CSS, that describes color by lightness, chroma and hue. It makes creating even, accessible color scales far easier than HSL.
What does the eyedropper do?
Where your browser supports the EyeDropper API, you can pick any pixel on your screen and the tool reads its color. If the API is unavailable, the button is hidden and the other inputs still work.
Is my color data private?
Yes. All conversions happen locally in your browser with no network requests, so the tool works offline and nothing you enter is logged.
Can I copy each format?
Yes. Every format has its own copy button, so you can grab exactly the HEX, RGB, HSL or OKLCH string you need to paste straight into your CSS or design tool.