Precise Color Clock is an interactive web application that converts the current time into unique background colors using various color spaces, creating a mesmerizing visual representation of time itself. Discover what your current time looks like across different color spaces.
After all, time shouldn't just fly - it should glow ✨
The Precise Color Clock takes the current time (hours, minutes, seconds) and uses these values as direct parameters for CSS color functions. Each color space interprets the same time values differently, creating unique visual experiences. For example, the time 12:34:56
becomes rgb(12, 34, 56)
in RGB mode, producing a dark blue color. This means every second of the day produces a completely unique color, creating a living palette that evolves as time passes.
Clone the repository:
git clone https://github.com/emmanuel-ferdman/precise-color-clock.git
cd precise-color-clock
Install the dependencies using Bun:
bun install
Start the development server:
bun dev
Open the local URL shown in your terminal to view the application in your browser.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Precise Color Clock was inspired by Hex Clock and enhanced to support multiple color models beyond HEX, including RGB, HSL, and HWB color spaces.
The library is freely distributable under the terms of the MIT license.