Contrast
About Realtime Colors
Colors and fonts are two of the most important parts of web design / UI design. We spend a lot of time trying to figure them out. This tool aims to simplify that process, specifically for web design.
The Problem
Color Palettes are cool and all, but can you instantly make a decision based on them?
If you want to choose a color palette for UI properly, the least you have to do is put them on a lofi UI or grayscale the entire UI on Figma, Adobe XD, or similar platforms to get a better idea of what those colors will actually look like on a product.
This process can take a long time (and time is gold!). People often have very different impressions from the actual implementation of a color palette. So, there is a lot of back-and-forth in the process of design. We should hope to minimize that.
Another problem is that colors are usually presented differently on different devices and monitors due to the difference in their calibrations. So you might choose a color on your desktop and notice it's completely different on mobile. These differences should be addressed before the entire process of design and development to avoid any issues further on.
The Solution
A platform that allows for you to visualize and realize all your color choices can fix the problems mentioned above. You'd say that we already have design platforms (e.g., Figma) for that. That is absolutely correct, and ultimately, you should try out the color palette on your own design yourself.
To present the color palette on a design platform, like Figma, you'd have to create a quick prototype and try to view it on different platforms, share it with clients, etc. You can already imagine how long that takes.
Instead, you can share input your favorite colors on Realtime Colors and instantly share the link to a real website showcasing those colors.
How was it created?
Realtime Colors was created over a weekend by @Juxtopposed and the first version was released on CodePen. Since then, lots of recommendations and suggestions were implemented thanks to the amazing community and their continuous support. If you'd like to contribute as well, check out Contributions.
Watch Video Introductions and Updates
Realtime Colors v3
Realtime Colors v2
Realtime Colors v1
Updated on September 26, 2023