Color Picker & Converter
NewPick colors and convert between HEX, RGB, HSL, HSV, and CMYK — with color harmonies and palette export.
RGB
—HSL
—HSV
—CMYK
—HEX
—CSS Variable
—Color Harmonies
Complementary
Triadic
Analogous
Split Complement
Tetradic
Square
Shades & Tints
Frequently Asked Questions
Why won't the HEX box accept #RGBA or 8-digit hex?
The manual HEX field only updates on 3-digit or 6-digit hex values. Alpha formats are not parsed here, so the preview and conversions stay on the last valid color.
Can I start from one of the harmony swatches instead of retyping a color?
Yes. Every harmony and shade swatch is clickable, and clicking one makes it the new base color and refreshes RGB, HSL, HSV, CMYK, HEX, and CSS variable output immediately.
What's the difference between this tool and the Color Palette Generator?
This tool is conversion-first: one color, its format conversions, harmonies, and 10 shade/tint swatches. It does not export full CSS or JSON scales the way the palette generator does.
Why do Square and Tetradic look the same in this picker?
In this implementation, both sections are generated from the same 90° hue steps, so they currently show the same four-color set for a given base color.
Can I copy individual values instead of the whole result set?
Yes. HEX has its own copy button, and each conversion card has a separate copy action. The CSS Variable output copies just the string `--color: #HEX`, not a full CSS block.