Colourful Clocks

Just a fun bunch of experiments using JS, a timer, and some CSS gradient manipulation.

HexClock 2.0

Another clock experiment, this time a direct successor to my original Hexclock from 10+ years ago. I wanted to update it a little, to use multiple gradients and improve the way that they were calculated. As with the TV ident clock I’m not using any libraries, frameworks or stuff like that, with the aim of keeping my JS & CSS up to date.

Full screen here

In my original, I’d done a fairly crude calculation converting HH:MM:SS to pairs of hex values, then used CSS transitions to smooth out the bumps. The problem was that when the value ticked over, you got an ugly jump from one colour range to another.