Sun Clock is a 24-hour clock that displays the position of the sun, and times of sunrise, solar noon, sunset, golden hour, and twilight for your current location. It also shows the position and phase of the moon, and its rising and setting times.
A note about direction1 — why does it go backwards?
Tap on or hover over the segments to get their start and end times. You can also tap/hover on the moon, the hour hand, and the centre dot.
See updates for change history.
Sun Clock is free to use, and contains no advertising. If you would like to help support Sun Clock, please —
We collect aggregate user stats only. Your location and settings are stored in your web browser and are not sent to the server. No cookies are saved or sent.
In the Northern Hemisphere the Sun moves across the sky in a clockwise direction. (Before clocks, clockwise was called "sunwise", and anti-clockwise was know as "widdershins", meaning "against the way".)
In the Southern Hemisphere, however, the sun moves across the sky in an anti-clockwise direction. Sun Clock matches this by setting its direction of rotation based on your latitude: if you're in the Southern Hemisphere the clock will go 'backwards'. You can change it in the settings if you wish.
Ideally you want the clock to turn in the same direction as the sun, regardless of which hemisphere you are in. If you are facing South, set it to clockwise; if facing North, anti-clockwise. You want sunrise on the clock to be to the East.
In fact, if you face the right direction and tilt you screen at the right angle, the hour hand will track the movement of the Sun across the sky. Exactly how to do this is left as an exercise for the reader, but you want the screen to lie in the plane of the ecliptic, and solar noon to be "up".
✕Added an option for a ticking seconds hand (sweep hand is still the default).
Fixed a bug where the Moon icon was incorrect in recent versions of Safari.
Added the option to show the odd numbers on the clock face.
The "use 12-hour times" option now applies to the numbers on the clock face also.
Added an annual calendar. Try it out. Feedback welcome!
Sun Clock is now a Progressive Web App. This means you can install it on your device homepage and it will be available when your are offline.
Added auto-color mode (dynamic colors that change with the time periods.)
Added dark mode.
Live!
✕