Loading…

How to use Color Picker

Click the color swatch and pick any color, and the tool shows the matching HEX, RGB, HSL, HSV, and CMYK values live, each with a copy button.

Frequently asked questions

What color formats are shown?

HEX, RGB, HSL, HSV, CMYK, and CIE-LAB. Each can be copied individually.

What is HSL?

Hue-Saturation-Lightness — a more intuitive model where hue is a 0–360° color wheel, S is vividness, and L is brightness.

What is CMYK?

Cyan-Magenta-Yellow-Key(Black) — the color model used in color printing.

More Color Tools

Color Format Converter
Convert between HEX, RGB, HSL, HSV, CMYK, LAB and CSS names
Color Contrast Checker
Check WCAG AA/AAA contrast ratios for text and backgrounds
WCAG Color Compliance
Test all WCAG 2.1 text size requirements with pass/fail badges
Color Mixer
Blend two colors with a ratio slider and preview the mix
Tints & Shades Generator
Generate a complete range of tints and shades from any color
Gradient Color Steps
Generate N evenly-spaced colors between two endpoints
Color Harmonies
Generate complementary, triadic and analogous palettes
Random Palette Generator
Generate beautiful random color palettes with one click
Color Opacity / RGBA
Add alpha transparency to any color and get rgba() values
Image Color Extractor
Upload an image to extract its dominant color palette
Color Blindness Simulator
Simulate how your palette looks with different color blindness
Color Name Finder
Find the nearest CSS named color for any hex value

← View all Color ToolsBrowse all 1,100+ tools →