Color Picker & Converter

Pick colors and convert between HEX, RGB, and HSL formats with contrast checking.

Pick colors and convert between HEX, RGB, and HSL formats. Check WCAG contrast ratios against white and black backgrounds.

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

Contrast vs White

3.68:1

AA fail · AAA fail

Contrast vs Black

5.71:1

AA pass · AAA fail

Why people use this tool

Color Picker & Converter helps designers and developers pick colors, convert between formats, and check accessibility contrast ratios for WCAG compliance.

Convert colors between HEX, RGB, and HSL for CSS and design tools.
Check color contrast ratios to ensure WCAG accessibility compliance.
Pick and preview colors for branding, UI design, or marketing materials.

How to use it

1Use the color picker or enter a HEX value to select a color.
2View the color in HEX, RGB, and HSL formats with copy buttons.
3Check contrast ratios against white and black for accessibility.

FAQ

Helpful answers

What is WCAG contrast?

WCAG defines minimum contrast ratios for text readability. AA requires 4.5:1 for normal text, and AAA requires 7:1.

Can I convert between HEX, RGB, and HSL?

Yes. Enter a color in any format and the tool shows all three representations.

Is this useful for web development?

Yes. The tool outputs CSS-ready values that you can copy directly into your stylesheets.