Color Palette
Convert color codes, pick colors from your screen, and extract palettes from images.
How to use
- 1. Pick a color with Start screen color picker, Upload a screenshot, the color picker, or code input.
- 2. Check that HEX, RGB, and HSL values update automatically.
- 3. Click Copy next to each format to save the code.
- 4. Click shade steps or harmony colors to explore the palette.
Grab a color from elsewhere
You can also grab colors from other tabs and apps, like websites, chat apps, and PDFs.
Button → share dialog → click a color (3 steps)
or from a screenshot or image
Upload a screenshot
PNG · JPG · click, then pick a color
Color codes
Shades
Harmony colors
Click a palette color to switch to it. Clicking a HEX code copies it.
About this tool
Color Palette converts HEX/RGB/HSL and helps pick harmonious UI colors.
Contrast beats novelty for buttons and body text. Pick a brand primary, then derive tints/shades so the UI stays consistent.
Tip — Check text/background contrast for accessibility as you pick colors.
FAQ
Convert HEX/RGB/HSL?
Yes—enter one format and copy the others.
Extract from an image?
Use palette extraction if available; otherwise sample in a design tool.
Accessibility contrast?
Use an on-page checker if provided, or verify text/background pairs externally.
Are files uploaded to a server?
No. Every tool runs entirely in your browser. Files and text you enter are never sent to our servers.