Free Color Picker & Converter
Pick any color and get HEX, RGB, HSL, HSV, OKLCH, CMYK, and Tailwind output. Six color-theory schemes (complementary, analogous, triadic, tetradic, split, monochromatic), WCAG contrast checker, screen eyedropper, image color extractor, and a saved palette.
Tints & shades
Color schemes
complementary
analogous
triadic
tetradic
split
monochromatic
WCAG contrast
Extract from image
Frequently asked questions
What is the difference between HSL, HSV and OKLCH?
HSL and HSV both use a hue/saturation cylinder, but their saturation and lightness/value axes differ in math. OKLCH is a modern perceptual color space (part of CSS Color 4) that produces results closer to what the human eye perceives — making it the best choice for gradients and accessible palettes. HEX and RGB describe the same color in different notations.
What is a good WCAG contrast ratio?
WCAG 2.2 sets these minimums: normal text 4.5:1 (AA) or 7:1 (AAA); large text (18pt+ or 14pt+ bold) 3:1 (AA) or 4.5:1 (AAA); UI elements and graphics 3:1. The tool tags any color pair as AAA, AA, AA Large, or Fail.
Does the eyedropper work in every browser?
The EyeDropper Web API is currently supported in Chromium browsers (Chrome, Edge, Opera, Brave). Firefox and Safari don't expose it yet. Click the Eyedrop button — if your browser doesn't support it, you'll get a friendly note.
How do I pick colors that work well together?
Use one of the schemes generated for you: complementary (opposite on the wheel, high contrast), analogous (adjacent, soft and harmonious), triadic (3 evenly spaced, vibrant and balanced), tetradic (4 evenly spaced, rich and complex), split-complementary (softer alternative to complementary), or monochromatic (one hue at varying lightness).
How is the image color extraction done?
Upload an image and the tool downsamples it to ~200 px wide, samples pixels at intervals, quantizes them to 4-bit-per-channel buckets, and returns the 6 most frequent average colors. Runs entirely in your browser — your image is never uploaded.