Realtime Colors
realtimecolors.com
Previews a palette on a real page layout instead of five swatches
No sign-upOn device
Loading page
coolors.co
Hit the space bar until a five-colour palette appears that works.
Generate palettes by locking the colours you have to keep and reshuffling the rest, with contrast checking, colour-blindness simulation and export to CSS, SVG or an image built in. It also extracts a palette from an uploaded photograph, which is the fastest route to a scheme that matches a brand photo. Generating is free; keeping what you generate is not.
AltFTool does this too
If you would rather not leave the site, Color Palette from Image covers the same job here — free, no account, and it runs in your browser.
Open Color Palette from ImageQuestions
A genuinely usable free tier with paid plans for volume or team features. Browsing and generating are free, but saving palettes and the image-extraction tools need an account or Pro.
Yes. Coolors sends your input to its own servers to process it. That is fine for public material; for anything containing personal data, use one of the on-device tools instead.
Browsing and generating are free, but saving palettes and the image-extraction tools need an account or Pro.
Alternatives
Same category or same task, ordered by how closely they overlap.
realtimecolors.com
Previews a palette on a real page layout instead of five swatches
cssgradient.io
Builds a linear or radial gradient and hands you the CSS to paste
fontjoy.com
Suggests heading and body font pairings, and locks the one you like
webaim.org
Tells you whether two colours pass WCAG contrast, and by how much
canva.com
Template-first design for people who do not want to learn a design tool
figma.com
Vector design and prototyping in a browser, with everyone in the same file