Color Palettes & Color Picker
Pick any color, get its HEX, RGB, HSL and CMYK values, and see what goes with it. Browse hundreds of ready-made palettes by mood, pull colors out of your own image, and export swatches for After Effects, Premiere Pro or your CSS.
Palettes
How it works
Drag in the color field or type a code to pick a color. The harmony rows update instantly with complementary, analogous and triadic matches. Click any swatch to copy its code, or add it to your palette and export the set.
Colors from your own image
Drop a picture to sample any pixel with a click and pull out its dominant colors automatically. The image is only read inside your browser and is never uploaded.
FAQ
Which export formats are available?
CSS variables, JSON, PNG, SVG and PDF swatch sheets, and Adobe Swatch Exchange (.ase), which After Effects, Illustrator and Photoshop can load.
Where are my saved palettes stored?
In this browser only. There is no account, so clearing your browser data removes them.
Can I use these palettes commercially?
Yes. A color combination is free to use in any project.
What does the eyedropper do?
In Chrome and Edge it lets you pick a color from anywhere on your screen. Other browsers can still sample from an image you drop in.
What can you do with a color picker and palette library?
Motion designers build a palette and import the .ase swatch file into After Effects or Illustrator; video editors sample a frame and match their titles to the footage; web designers copy CSS variables straight into a stylesheet; social media teams keep every post on brand by saving their favorite palettes; and anyone who needs a quick color code can click, copy and move on.