• Steven ReynoldsSteven Reynolds, 7 years ago

    I added

    transition: background 1s linear;

    for an eternal color fade.

    4 points
    • Bruno DanielBruno Daniel, 7 years ago

      I don't think that makes much sense, even if the browser is smart enough to render a color between #000001 and #000002 during the transition, we certainly won't notice it.

      0 points
      • Steven ReynoldsSteven Reynolds, 7 years ago

        There's a lot of colors left out of this clock (when it skips the alpha values, or when it skips values 60-99 while incrementing the next place value). But yes, some changes will be too minute to notice.

        This is for those that are not.

        0 points
  • Austin ValleskeyAustin Valleskey, 7 years ago

    Very clever! Would love to see this as a screensaver for Mac.

    4 points
    • Bryce DriesengaBryce Driesenga, 7 years ago

      Looks like this similar site they link to has a screensaver! -- http://thecolourclock.co.uk/

      0 points
      • Spencer BombermanSpencer Bomberman, 7 years ago

        I do not understand how the time maps to colors. Supposedly, hours = red, minutes = green, and seconds = blue, but that does not explain this at all:


        I think the algorithm is mixed up, mapping hours to green and minutes to red?

        0 points
        • frank kolodziejfrank kolodziej, 7 years ago

          The linked site is straight-mapping the time to hex. So 15:52:04 becomes #155204. So the r will never go above 23, and the g/b will max at 59 (because it starts at 0). That excludes quite a bit of the 16.7 million possible colors.

          Another way to do it, which the Flash version might be doing, is taking the h, m, or s, getting a percentage of that value based on its max value, like 15 / 23 = 0.652, then multiplying that by 255 (the total number of color values per r, g, or b), which, if you did it for all three, would be rgb(166,225,17), or #A6E111.

          Or maybe they’re not mapping to rgb, but rather something like HSL?

          0 points
    • Matthew R. MillerMatthew R. Miller, 7 years ago (edited 7 years ago )

      You can download websaver and use the webpage as your screen saver. It's working great for me!

      1 point
  • David BlumDavid Blum, 7 years ago

    Simple but so clever. Incredible idea.

    1 point
  • Jake Lazaroff, 7 years ago


    1 point
  • Nick TassoneNick Tassone, 7 years ago

    Incredible idea. Now I'm just staring at the clock.

    1 point
  • Brian ZelipBrian Zelip, 7 years ago

    Cool idea.

    The html source is cool too. Using ascii art the author declares that their coding philosophy is "whatever works". It also gives a link to another project, http://www.jacopocolo.com/hottercolder/ (be sure to allow geolocation).

    0 points
  • Catalin CimpanuCatalin Cimpanu, 7 years ago

    Maybe some spaces between the numbers. Like:

    23 34 25

    So it can be read easier.

    0 points
    • Corin EdwardsCorin Edwards, 7 years ago

      Spaces in a hexadecimal code wouldn't render though. Given the nature of this clock I think it's best to err on the side of nerdom.

      3 points
  • Chris FreesChris Frees, 7 years ago

    Wow. How do people think of these things.

    0 points