Binary Clock

Read the wall-clock time as a 6×4 BCD grid: HH:MM:SS down the rows, the 8 4 2 1 weights across the columns. The grid ticks once a second, you can pin it to a specific time, and the panel below shows the same value in hex, decimal hour, and a copy-ready ASCII pattern. Pure client-side, offline.

Mode

6×4 BCD grid

on, off. Each row is one BCD digit; rows pair into tens / units for hours, minutes, seconds.

Readouts

Decimal (HH:MM:SS)
Hex (HH:MM:SS)
Decimal hour (0–24)
On bits / 24

ASCII pattern

 

Per-row breakdown

Each row is one BCD digit; multiply the on-bit weights (8, 4, 2, 1) and add them up. The two rows in each pair give the tens and units of hours, minutes, or seconds.

Row 8 4 2 1 Sum

The BCD (binary-coded decimal) convention used here is the one Wikipedia calls the canonical 24-hour binary clock: six rows for HH:MM:SS, four columns at the 8-4-2-1 weights. A column-1 "on" means that weight contributes to the digit; a column-1 "off" means it does not. The lib that drives this grid lives in src/lib/tools/binary-clock.ts and round-trips in both directions — feed it a Date and rebuild a Date from the grid.