Design
Gradient Generator
Find a fresh blend. Pick two colors and take the CSS with you.
Free · Browser-basedDESIGN
Color scheme & wheel
Explore complementary, triadic, and analogous colors.
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
Explore complementary, triadic, and analogous colors. 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 scheme & wheel?+
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