Pick, Convert & Check Any Color
A free toolbox for color: sample the exact pixel of an image, pull a palette out of a photo, find a color's name, convert between HEX, RGB, HSL and CMYK, build gradients, verify WCAG contrast and simulate color blindness. Every tool runs in your browser — your images and data are never uploaded.
Color Pickers & Extractors
Image Color Picker
Upload an image and pick the exact color of any pixel — HEX, RGB, HSL and CMYK, copied in one click.
Color Extractor From Image
Extract the dominant colors from a photo and get a ready-to-use palette with HEX codes.
Palette Generator From Image
Turn an image into a color palette you can copy as HEX, RGB or CSS variables.
Color Picker
Pick a color and read HEX, RGB, HSL and CMYK at once — with shades, tints and copy buttons.
Hex Color Picker
Pick a color or type a hex code and get a live preview with shades, tints and copy buttons.
Color Name Finder
Enter a HEX or RGB color and find the closest named color, with the exact code and distance.
Random Color Generator
Generate random colors, lock the ones you like, and copy HEX, RGB or HSL codes.
Color Converters
RGB to HEX Converter
RGB to HEX converter — instant, exact, and copy-ready.
HEX to RGB Converter
HEX to RGB converter — instant, exact, and copy-ready.
RGB to HSL Converter
RGB to HSL converter — instant, exact, and copy-ready.
HEX to HSL Converter
HEX to HSL converter — instant, exact, and copy-ready.
RGB to CMYK Converter
RGB to CMYK converter — instant, exact, and copy-ready.
CMYK to RGB Converter
CMYK to RGB converter — instant, exact, and copy-ready.
Color Design Tools
Color Wheel
An interactive color wheel — click any point to pick a hue and see HEX, RGB and HSL.
Complementary Color Generator
Enter any color and get its complementary color plus analogous, triadic and split schemes.
Color Scheme Generator
Generate a full set of color schemes — complementary, analogous, triadic and more — from one color.
Color Mixer
Blend two colors and get the mixed result, with HEX, RGB and HSL codes for both inputs and the mix.
Gradient Generator
Build a CSS gradient from two colors, tune the angle, and copy ready-to-paste CSS.
Accessibility Color Tools
Start Here
Image Color Picker
Upload an image and pick the exact color of any pixel — HEX, RGB, HSL and CMYK, copied in one click.
Color Picker
Pick a color and read HEX, RGB, HSL and CMYK at once — with shades, tints and copy buttons.
Color Name Finder
Enter a HEX or RGB color and find the closest named color, with the exact code and distance.
Color Wheel
An interactive color wheel — click any point to pick a hue and see HEX, RGB and HSL.
Gradient Generator
Build a CSS gradient from two colors, tune the angle, and copy ready-to-paste CSS.
Color Contrast Checker
Check the WCAG contrast ratio between two colors and see whether text passes AA or AAA.
Browse by Category
Color Picker Tools
Picking a color is a workflow, not a single click: you find a color — in a photo, a logo or your imagination — read its exact code…
Color Converter Tools
The same color has several notations, and different tools speak different ones — CSS wants hex, a canvas wants rgb(), a designer t…
Guides
How to Pick a Color From an Image
The four ways to sample a color from a picture, and which one is exact.
What Is a Hex Color?
How #RRGGBB works, why it is base 16, and what the digits mean.
RGB vs CMYK
Why screen color and print color are different models — and why bright greens never print.
Color Theory Basics
The color wheel, harmonies and the relationships behind a palette that works.
What Is Color Blindness?
The types of color vision deficiency, how common they are, and how to design for them.
How to Make a CSS Gradient
Write linear-gradient() correctly, pick sensible stops, and avoid banding.