Hue
Alpha
HEX
HEX8
RGB
RGBA
HSL
HSLA
HSV
CMYK
CSS

Color Harmonies

Complementary
Analogous
Triadic
Split-Complementary
Tetradic

Saved Colors

No saved colors yet. Click "Save Color" to add one.

CSS Gradient Generator

Frequently Asked Questions

What is a HEX color code?

A HEX color code is a 6-digit hexadecimal number that represents a color. The first two digits represent red, the middle two green, and the last two blue. For example, #FF0000 is pure red.

How do I convert HEX to RGB?

Each pair of HEX digits converts to a number between 0 and 255. For example, #2563EB converts to R:37 G:99 B:235. Our tool does this conversion automatically in real-time.

What is the difference between HSL and HSV?

Both use Hue and Saturation, but differ in the third value. HSL uses Lightness (0%=black, 100%=white, 50%=pure color). HSV uses Value/Brightness (0%=black, 100%=full brightness). HSV is more intuitive for visual color picking.

What is CMYK used for?

CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used in print design. If you are preparing colors for printed materials, you need CMYK values. Screen colors use RGB.

How do color harmonies work?

Color harmonies are combinations based on their position on the color wheel. Complementary colors are opposite (180°), analogous are neighbors (±30°), and triadic are evenly spaced (120°). These combinations are naturally pleasing to the eye.

Can I use this color picker offline?

Yes. Once the page is loaded, everything runs in your browser with no server connection needed. You can bookmark it and use it anytime.