Prizm: Color Palette Studio
A free color palette studio: precision color picker, harmony generator, image color extraction, WCAG contrast checker, and Tailwind-style shade ramps — all in your browser.
Color palette studio
Pick, extract, and check colors — right in your browser.
Prizm is a free set of color tools for designers and developers: a precision picker, harmony generator, image extractor, WCAG contrast checker, and shade ramp builder. No account, no install, nothing leaves your device.
Everything in one tray
No sign-up, no lock-in
Every tool runs client-side. Saved palettes live in your browser's local storage — nothing is uploaded to a server.
Built for real design work
Export straight to CSS variables, SCSS, Tailwind config, or JSON — whatever your codebase already speaks.
Accessible by default
The contrast checker uses the same relative-luminance math as WCAG 2.1, so what passes here passes an audit.
Color Picker
Dial in an exact color, then add it to your working palette.
Tints & tones
Color Harmonies
Generate proven color relationships from a single base color.
Complementary
Extract From Image
Upload a photo or screenshot to pull its dominant colors.
Drop an image here, or click to browse
JPG, PNG, WEBP — processed locally in your browser
Extracted palette
Upload an image to see its dominant colors here.
Contrast Checker
Check foreground/background pairs against WCAG AA and AAA.
Large sample text
Body-size sample text for reading contrast.
Shade Ramp
Generate a Tailwind-style 50–950 scale from one base color.
Saved Palettes
Palettes you've saved are stored locally in this browser.
No saved palettes yet. Build one with the tools, then hit "Save palette."
Frequently Asked Questions
Everything about how Prizm works, what happens to your data, and how to get the most out of each tool.
About this studio
Everything stays in your browser
The picker, harmony generator, image extractor, contrast checker, and shade ramp builder all run client-side. Saved palettes live in this browser's local storage — nothing is uploaded to a server, including any image you drop in for color extraction.
Sharing and exporting
A share link encodes your palette's colors directly in the URL, so there's no expiry and no server storage involved. When you're ready to use a palette in code, export straight to CSS variables, SCSS, a Tailwind config snippet, JSON, or a plain HEX/RGB list.