Design
Gradient Generator
Find a fresh blend. Pick two colors and take the CSS with you.
Free · Browser-basedDESIGN
Color picker & tester
Choose a color and compare text contrast.
ON YOUR DEVICE
Files and tool inputs are processed on your device. Media access starts only after your action and browser permission.
One less thing on your list.
- 01
Choose a color, enter channel values, or open a local image.
- 02
Inspect color conversions, contrast ratios, or related swatches.
- 03
Copy values or select another color to compare.
About this tool
Choose a color and compare text contrast. Uses sRGB color calculations to provide HEX, RGB, HSL, HSV, and simple CMYK values alongside black/white text contrast ratios.
CMYK is a mathematical conversion without a print profile. The screen eyedropper depends on browser support. Image picking is limited to 10 MB and 16 megapixels.
A couple of useful answers.
How do I use color picker & tester?+
Choose a color, enter channel values, or open a local image. Inspect color conversions, contrast ratios, or related swatches. Copy values or select another color to compare.
What happens to my input?+
Files and tool inputs are processed on your device. Media access starts only after your action and browser permission.
Files and tool inputs are processed on your device. Media access starts only after your action and browser permission.
Privacy details