Create. Explore.
Be inspired.
A polished all-in-one color workspace for designers, developers and creators. Pick colors, extract them from images, build palettes and copy production-ready values.
Start picking a color →Color workspace
Change the color and every value updates instantly.
Quick copy
Tap any value to copy it.
Image color picker
Upload an image, then click it to sample a pixel or extract its dominant palette.
Drop an image here or choose a file
PNG, JPG, JPEG or WebP • up to 25 MB
Shades, tints & harmonies
10-step palette
Harmonies
Palette generator
Generate, lock, save and export five-color palettes.
Tap a color to lock/unlock it. Locked colors stay while you regenerate.
Gradient generator
Build linear, radial or conic gradients and copy production-ready CSS.
Advanced color converter
HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLAB and OKLCH.
Color blindness simulator
Preview how the selected color appears under common color-vision conditions.
WCAG contrast checker
Readable text
Contrast preview for your selected foreground and background colors.
Palette visualizer
See your current five-color palette applied to a realistic UI.
Design with confidence
A palette preview for websites, apps and dashboards.
Readable content.
Balanced surfaces.
Accent details.
Light & dark palette
Generate a compact UI color system from the current color.
Light
Dark
Color name finder
Design system colors
Generate practical UI roles from the current primary color.
Palette export
Export the generated palette in formats developers can use.