Pick colors and instantly convert between HEX, RGB, HSL and CSS formats. Includes palette generator and contrast checker.
Generated Palette
Named Colors
Recent Colors
🎨
Instant conversion
Pick any color and instantly see HEX, RGB, HSL and CSS formats side by side.
🎭
Palette generator
Generate harmonious color palettes — analogous, complementary, triadic, shades and tints.
♿
Contrast checker
WCAG contrast ratio checker ensures your text meets accessibility standards.
Frequently Asked Questions
What is the difference between HEX and RGB?
HEX is a 6-digit hexadecimal representation of a color (e.g. #FF5733). RGB uses three decimal values for Red, Green and Blue (e.g. rgb(255, 87, 51)). Both represent the same colors — HEX is more compact and common in CSS, while RGB is more readable.
What is HSL?
HSL stands for Hue, Saturation, Lightness. Hue is the color angle (0-360°), saturation is the intensity (0-100%), and lightness is how light or dark (0-100%). HSL is often easier to work with programmatically when creating color variations.
What is WCAG contrast ratio?
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios for readable text. Level AA requires 4.5:1 for normal text and 3:1 for large text. Level AAA requires 7:1. Our tool checks your selected color against white and black backgrounds.