Color Picker
Pick a color and generate palettes, shades, tints, and harmonies.
What is a color picker?
A color picker lets you select a color visually and see its values in different formats (HEX, RGB, HSL). This tool goes further by generating color harmonies, shades, and tints — helping you build complete color palettes for your designs.
How to use this tool
Click the color picker to choose a color, or type a HEX value directly. The tool instantly generates complementary, analogous, triadic, and split-complementary harmonies, plus a range of shades and tints. Click the copy button next to any color value to copy it.
Common use cases
Building color palettes for websites and apps, finding harmonious color combinations for branding, generating shades for UI component states (hover, active, disabled), and exploring color theory relationships for design projects.