Coolors
Focus: design tools, branding and colors. Shares colour palettes with Realtime Colors. Freemium (Realtime Colors: Free). Adds iOS and Android. Rated 4.7 (Realtime Colors: 4.6).
Web AppFree planWeb, iOS
4.7Visit
Web App
Realtime Colors
Preview your colours and fonts on a real website layout instantly.
Rating
4.6 / 5
Pricing
Free
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Realtime Colors?
Realtime Colors is a free tool that applies your chosen text, background, primary, secondary and accent colours to a sample website as you edit them. You can try font pairings, check contrast, randomise palettes and export the result as CSS, Tailwind or other code formats.
Pros: what Realtime Colors does well
- See colours in real context
- Font pairing built in
- Exports ready-to-use code
Cons: where it falls short
- Sample layout cannot be fully customised
- Focused on websites rather than print
Who Realtime Colors is for
Developers and designers choosing a colour scheme and fonts for a new site.
Who can skip it
Designers who already test palettes in their own design files.
Realtime Colors alternatives
Not sold on Realtime Colors? These do a similar job, and each card says what it has in common.
Animista
Focus: css animations, front-end and motion. Shares web design with Realtime Colors. Same 4.6 rating.
Web AppFreeWeb
4.6Visit
Leonardo
Focus: accessibility, contrast and design systems. Shares colour palettes with Realtime Colors. Same 4.6 rating.
Web AppFreeWeb
4.6Visit
Paletton
Focus: colour wheel, colour schemes and design. Shares colour palettes with Realtime Colors. Rated 4.5 (Realtime Colors: 4.6).
Web AppFreeWeb
4.5Visit
FontPair
Focus: font pairing, google fonts and design. Shares typography with Realtime Colors. A website, not a web app. Rated 4.5 (Realtime Colors: 4.6).
WebsiteFreeWeb
4.5Visit
Free Faces
Focus: free fonts, typefaces and font gallery. Shares typography with Realtime Colors. A website, not a web app. Rated 4.5 (Realtime Colors: 4.6).
WebsiteFreeWeb
4.5Visit
Free alternatives to Realtime Colors
Want to spend nothing? These free picks cover similar ground.
Open Foundry
Focus: fonts, open-source fonts and free fonts. Shares typography with Realtime Colors. A website, not a web app. Rated 4.5 (Realtime Colors: 4.6).
WebsiteFreeWeb
4.5Visit
Gradient Magic
Focus: css gradients, backgrounds and colour. Shares web design with Realtime Colors. A website, not a web app. Rated 4.3 (Realtime Colors: 4.6).
WebsiteFreeWeb
4.3Visit
FontBrief
Focus: fonts, branding and font discovery. Shares typography with Realtime Colors. A website, not a web app. Rated 4.2 (Realtime Colors: 4.6).
WebsiteFreeWeb
4.2Visit
draw.io
Focus: diagrams, flowcharts and uml. Also in Brainstorming and Workflows, like Realtime Colors. Adds Windows, macOS and Linux. Rated 4.7 (Realtime Colors: 4.6).
Web AppFreeWeb, Windows
4.7Visit
Haikei
Focus: svg generator, backgrounds and shapes. Also in Workflows and Brainstorming, like Realtime Colors. Same 4.6 rating.
Web AppFreeWeb
4.6Visit
Piskel
Focus: pixel art, sprites and animation. Also in Brainstorming and Workflows, like Realtime Colors. Adds Windows, macOS and Linux. Same 4.6 rating.
Web AppFreeWeb, Windows
4.6Visit
Are you the maker of Realtime Colors?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.