Does this tool run in my browser?

Yes. The color picker runs entirely in your browser with no server communication. All conversions happen locally on your device.

What color formats are supported?

This tool supports HEX, RGB, HSL, and HSB color formats. You can input a value in any format and instantly see the equivalents in all others.

Yes. On supported browsers, you can use the built-in eyedropper to pick any color visible on your screen.

Pick colors and convert between HEX, RGB, HSL

Your data never leaves your device

HEX

#059669

RGB

rgb(5, 150, 105)

HSL

hsl(161, 94%, 30%)

RGBA

rgba(5, 150, 105, 1)

Shades

Harmonies

Complementary

Analogous

Triadic

Split-complementary

Contrast Ratio Checker

Foreground (text)

Background

Normal text (16px)

Large text (24px bold)

Ratio

21:1

Pass

AA Normal

4.5:1

Pass

AA Large

3:1

Pass

AAA Normal

7:1

Pass

AAA Large

4.5:1

Code Output

CSS Variable

--color-custom: #059669;

Tailwind

emerald-600 (exact match)

Does this tool run in my browser?

Yes. The color picker runs entirely in your browser with no server communication. All conversions happen locally on your device.
What color formats are supported?

This tool supports HEX, RGB, HSL, and HSB color formats. You can input a value in any format and instantly see the equivalents in all others.
Can I pick a color from my screen?

Yes. On supported browsers, you can use the built-in eyedropper to pick any color visible on your screen.