Loading page
Feature checklists make every tool look equivalent. This table leads with the three things that actually differ — what it costs you before it works, whether your files leave your device, and where the free version stops.
| Coolorscoolors.co | Realtime Colorsrealtimecolors.com | CSS Gradientcssgradient.io | Fontjoyfontjoy.com | |
|---|---|---|---|---|
| What it does | Hit the space bar until a five-colour palette appears that works | Previews a palette on a real page layout instead of five swatches | Builds a linear or radial gradient and hands you the CSS to paste | Suggests heading and body font pairings, and locks the one you like |
| What it costs you | Free tierA genuinely usable free tier with paid plans for volume or team features. | No sign-upWorks the moment the page loads. No account, no email, no trial. | No sign-upWorks the moment the page loads. No account, no email, no trial. | No sign-upWorks the moment the page loads. No account, no email, no trial. |
| Your files | Runs on their server | Runs on your device | Runs on your device | Runs on your device |
| Where it stops | Browsing and generating are free, but saving palettes and the image-extraction tools need an account or Pro. | It previews one generic layout — it cannot show your actual site, and it handles only a handful of colour roles. | Linear and radial only — no mesh gradients, no noise, no animation. | It only pairs Google Fonts, and it judges letterform similarity rather than whether the pairing suits your subject. |
| Best for |
|
|
|
|
| Category | Design, Colour & Type | Design, Colour & Type | Design, Colour & Type | Design, Colour & Type |
| Last checked | 2026-07-29 | 2026-07-29 | 2026-07-29 | 2026-07-29 |
| Open the site | Open | Open | Open | Open |
This comparison is in the address bar — copy the URL to send it to someone.