Skip to content

emmanuel-ferdman/precise-color-clock

Repository files navigation

Precise Color Clock logo


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.

Precise Color Clock demo
After all, time shouldn't just fly - it should glow ✨

🎯 Introduction

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.

🚀 Development

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.

🤝 Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

🙏 Credits

Precise Color Clock was inspired by Hex Clock and enhanced to support multiple color models beyond HEX, including RGB, HSL, and HWB color spaces.

📄 License

The library is freely distributable under the terms of the MIT license.

About

🕐 An interactive color clock that transforms time into HEX, RGB, HSL and other color models

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •