Fibonacci Clock
Hours and minutes encoded as overlapping Fibonacci-sized blocks, in the style of the famous Fibonacci wall clock.
Press F for fullscreen
This Fibonacci clock online uses five squares sized 1, 1, 2, 3, and 5 β the first five Fibonacci numbers β colored red, green, blue, or white to encode the current hour and minute. Learning how to read a Fibonacci clock takes a couple of minutes, but once it clicks, decoding the little colored puzzle becomes genuinely satisfying, which is exactly what makes a fibonacci sequence clock such a popular novelty among people who enjoy math for its own sake. Mathematics enthusiasts, designers, programmers who already know the Fibonacci sequence, and people who saw one somewhere and want to finally understand it all use this page to work out the logic in real time.
How to Read a Fibonacci Clock
The clock has 5 squares sized 1, 1, 2, 3, and 5. To read the hour (1-12), add together the sizes of every square colored RED or BLUE. To read the minutes (in steps of 5: 0, 5, 10... up to 60), add together the sizes of every square colored GREEN or BLUE and multiply the total by 5. Blue squares are the trick to the whole system β they count toward BOTH the hour and the minute simultaneously. White squares aren't part of the current time at all. Take the example of 3:25. The hour 3 is made from squares sized 1 and 2, both colored red or blue. The minutes, 25, come from squares sized 3 and 2, both colored green or blue. Since the size-2 square has to serve both totals, it must be colored blue β it's doing double duty, counting as part of both the hour and the minute at once.
The Mathematics Behind the Fibonacci Clock
The Fibonacci sequence runs 1, 1, 2, 3, 5, 8 and onward, with each number equal to the sum of the two before it β and the ratio between consecutive terms converges toward the golden ratio, Ο β 1.618. The reason this particular clock works at all is that any whole number from 1 to 12 can be built from some subset of {1, 1, 2, 3, 5} β exactly what's needed to represent every possible hour. Minutes work the same way in 5-minute increments: any value from 0 to 12 (representing 0 to 60 minutes in steps of 5) can likewise be built from the same five squares. The Fibonacci clock concept was created by designer Philippe ChrΓ©tien in 2013, and its appeal has held up precisely because the math genuinely works β it isn't a decorative approximation, it's a real positional encoding dressed up as color and shape.
For related tools, check out Binary Clock, Decimal Clock, and Word Clock.
Frequently Asked Questions
How do I read a Fibonacci clock?
Red squares encode hours, green squares encode minutes (Γ5), and blue squares encode both hours AND minutes simultaneously. White squares are unused. To read the time: add the sizes of all red and blue squares for the hour, add the sizes of all green and blue squares and multiply by 5 for the minutes. The same square can count toward both if it is blue.
What is the difference between a Fibonacci clock and a standard clock?
A standard clock shows time as a direct numerical or positional display. A Fibonacci clock encodes time as a coloured mathematical puzzle β you must perform a small calculation to read the time. This makes it a talking point and a novelty, but deliberately obscures the time compared to a standard clock. It was designed to be more art than utility.
Can I customise the colors of the Fibonacci clock?
Yes. The default colors are red (hours), green (minutes), blue (both), and white (unused). You can select alternative color schemes in settings. Colorblind-friendly modes use patterns or shapes alongside colors to distinguish the squares for users with color vision deficiencies.
Is there a mobile version of the Fibonacci clock?
Yes. The clock is fully responsive and works in any mobile browser. The five Fibonacci squares resize proportionally for smaller screens while remaining visually clear. Tap the fullscreen button for an immersive full-screen display.
How does the Fibonacci clock work?
The clock's algorithm checks the current hour and minute values, then calculates which combination of the five Fibonacci squares (1, 1, 2, 3, and 5) can represent those values. It colors the selected squares red, green, or blue accordingly and updates every 5 minutes when the minute value changes to the next multiple of 5.
Where can I find an interactive Fibonacci clock online?
This is one of the very few interactive Fibonacci clock implementations available online. Most online content about Fibonacci clocks covers physical products (like Etsy clock kits) or Arduino DIY builds. This version updates in real time in your browser with no installation needed.