coolcolors
↩ Undo
↪ Redo
+ Color
▣ Image
♡ Save
☰ Library
Export ▾
Copy URL
Copy hex codes
Copy CSS variables
Copy SCSS variables
Copy Tailwind config
Copy JSON
Download PNG
Download SVG
⟳ Generate
Press
spacebar
to generate a new palette
Adjust color
Hue
Saturation
Lightness
Done
Shades
Click a shade to copy it. Shift-click to apply to this column.
Done
Extract palette from image
Browse, drop or paste an image
Colors
Use palette
Cancel