Free Tool
Color Picker & Converter
Pick a color, convert between formats (HEX, RGB, HSL, HWB), generate shades and tints, explore color harmonies, and check WCAG contrast ratios.
WCAG Contrast Ratios
White Text
4.47:1
AA Large
Black Text
4.70:1
AA Pass
Color Formats
#6366F1rgb(99, 102, 241)hsl(239, 84%, 67%)hwb(239 39% 5%)#6366F1Shades (darker)
Tints (lighter)
Color Harmonies
Complementary
Analogous
Triadic
About This Color Picker
This free color picker tool lets you select any color and instantly convert it between HEX, RGB, HSL, and HWB formats. It also generates shades (darker variants), tints (lighter variants), and color harmonies including complementary, analogous, and triadic palettes.
The built-in WCAG contrast checker helps you verify that your text-on-background combinations meet accessibility standards. A ratio of 4.5:1 is required for AA compliance with normal text, while 3:1 is sufficient for large text.
All conversions happen instantly in your browser — no data is sent to any server. Click any color format to copy it to your clipboard, or click on shades and tints to explore variations.
Need a full accessibility audit?
Foglift checks color contrast, alt text, ARIA labels, and more — across your entire website.
Scan Your Website Free