Color Picker & Converter
Pick a color and get HEX, RGB, HSL, and HSB values instantly.
Click any swatch to select it
Contrast Checker (WCAG)
—
Contrast Ratio
—
WCAG AA
—
WCAG AAA
Frequently Asked Questions
What is a HEX color code? ▼
A HEX color code is a 6-digit hexadecimal representation of a color, prefixed with #. The first two digits represent red, the next two green, and the last two blue (e.g. #FF0000 is pure red).
What is the difference between RGB and HSL? ▼
RGB describes color as amounts of Red, Green, and Blue (0–255 each). HSL describes color as Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). HSL is more intuitive for humans when adjusting colors.
What is WCAG contrast ratio? ▼
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios for text on backgrounds. AA requires 4.5:1 for normal text, AAA requires 7:1. Use the contrast checker above to verify your color combinations.