Color Picker
Pick colors and convert between HEX, RGB, HSL, and HWB formats. View contrast ratios, shades, and tints.
HEX#7C3AED
RGBrgb(124, 58, 237)
HSLhsl(262, 83%, 58%)
HWBhwb(262 23% 7%)
CSS#7C3AED
Contrast Ratio
White text
5.70:1 AA
Black text
3.69:1
Tints
Shades
Frequently Asked Questions
What is a HEX color code?
A HEX color code is a 6-digit hexadecimal representation of a color. The first two digits represent red, the middle two green, and the last two blue. Each pair ranges from 00 (none) to FF (full intensity).
What is WCAG contrast ratio?
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios for text readability. Normal text needs at least 4.5:1 ratio (AA) or 7:1 (AAA). Large text needs 3:1 (AA) or 4.5:1 (AAA).
What is HSL?
HSL stands for Hue, Saturation, and Lightness. Hue is the color wheel degree (0-360), saturation is the color intensity (0-100%), and lightness is how light or dark the color is (0-100%).