Sunday, February 27, 2011

Color Clock - Representing Time As A Hexadecimal Color Value

I came across a post in my Facebook feed today that linked to The Colour Clock by Jack Hughes. It's a pretty neat idea - the current time is translated into a hexadecimal color value and applied to the background of the page. So as the time changes, the background color of the page changes as well.

The only thing is, it's in Flash so if you're on an iOS device, you won't be able to see it. Or if you'd like to pull it up on your web-enabled TV or other device that doesn't have Flash. So I spent my Sunday afternoon porting it over to JavaScript and this is what I have: http://colorclock.nogoodatcoding.com. Can you spot the original?



Will the real Color Clock please stand up?
It's the one on the left.
  

I've tried to stay true to the original but among other things, my colors are just a little off, most likely because I'm calculating them differently. You can find project details on my site.

 Cross-posted from The No Good Blog
 

1 comment:

Anugraha Jain said...

Hi,

We have developed a new gen developer friendly BI framework with some extremely unique features. Would like to give you early access & love to hear your opinion. Please do let me know of how to reach out to you. Would be launching product in 3 weeks from now.

Regards,
Anugraha