᠎᠎᠎          
51K

Analog clock maker

World's simplest time tool

With this browser-based application, you can draw a round wall clock that shows custom time. The clock can have just the hours and minutes hands or all three hands that include seconds. With the help of a dozen adjustment options, you can change the analog clock's format and size. In particular, you can set the radius of the clock face, choose among a variety of clock skins, choose the hour and minute mark format, and customize the font of the hour numbers. You can also choose a color for the background, clock face, bezel, numbers, and clock hands. Created by computer nerds from team Browserling.
announcement a new project!
Super exciting news! We just launched TECHURLS – simple and fun tech news reader. Check it out!
Analog Clock Time
Set the clock time to draw.
Select second hand format.
Select hour numbering format.
Select hour and minute mark format.
Display larger hour marks.
Analog Clock Size
Set the analog clock radius.
Set padding around the clock.
Set the size of clock numbers.
Select the hour number font. (Works with English numbers.)
Select number font style.
Analog Clock Skin
Select analog clock skin.
Image background color.
Clock face color.
Clock bezel color.
Number and mark color.
Drop a clock shadow. Format: "x y blur color"
Analog clock maker tool What is a analog clock maker?
This is a quick online utility for drawing particular time on an analog clock. You can enter any time value in the options and get back an image of a round clock that shows this time value. For example, for the time "15:00", you will get a drawing of a clock where the hour hand points east and the minute hand points north. You can also display the second hand by choosing its format in the options. The second hand is often drawn in red color, so you can choose this style, or you can use the same color as the minute and hour hands. The analog clock can have English numbers (1, 2, 3, …, 12) displayed by the hours marks, or have Roman numbers (Ⅰ, Ⅱ, Ⅲ, …, Ⅻ), or no numbers at all. Besides the hour marks, you can also add minute marks, hide minute marks, and make the hour marks bold so that they stand out. For each clock, you can set the radius of the clock face and padding around the entire clock (in pixels). When the hour values are printed, you can adjust the size and font of the numbers and change their style (regular, bold, or italic). Our clock generator is equipped with six predefined clock skins, which are available in the skin option. There are skins that show a regular/classic clock, then one with a bold bezel, one with a thin bezel, and one with no bezel, then one that places the hours/minutes markings in the middle of the clock, and the final one that draws clock hands as arrows. When you select any of these skins, you can customize the background color of the image (the area around a clock), the color inside the clock (clock's face), the color of the bezel, and the color of the text (including the color of the marks). Additionally, to make the clock look really cool, you can add a 3D effect by dropping a shadow. It can be specified in the last option using the format "x-offset y-offset blur color". For example, a popular and neat-looking shadow for a clock is "6px 6px 10px gray". Timeabulous!
Analog clock maker examples Click to use
Draw a Classic Clock
In this example, we draw an analog clock for the time 12:10:45. We choose a classic modern-looking skin for it, which has long triangular-shaped hands, hour and minute markings, and a medium-width bezel. The clock has a black and white style, with only a red second hand. We also add a dim-gray color shadow to the clock to make it look three-dimensional.
In this example, we draw an analog clock for the time 12:10:45. We choose a classic modern-looking skin for it, which has long triangular-shaped hands, hour and minute markings, and a medium-width bezel. The clock has a black and white style, with only a red second hand. We also add a dim-gray color shadow to the clock to make it look three-dimensional.
Required options
These options will be used automatically if you select this example.
This example will reset all options to their
default values before applying new ones.
Set the clock time to draw.
Select second hand format.
Select hour numbering format.
Select hour and minute mark format.
Display larger hour marks.
Set the analog clock radius.
Set padding around the clock.
Set the size of clock numbers.
Select the hour number font. (Works with English numbers.)
Select number font style.
Select analog clock skin.
Image background color.
Clock face color.
Clock bezel color.
Number and mark color.
Drop a clock shadow. Format: "x y blur color"
Wall Clock with a Bold Bezel
In this example, we select a wall clock's style with a wide bezel and display the morning time "6:20:00" on it. This style uses black dots for marking hours and minutes and the markings are placed near the center of the clock. We further customize the clock to use the lavender color for the clock face, the cornflower-blue color for the bezel, and the black color for the text on the clock.
In this example, we select a wall clock's style with a wide bezel and display the morning time "6:20:00" on it. This style uses black dots for marking hours and minutes and the markings are placed near the center of the clock. We further customize the clock to use the lavender color for the clock face, the cornflower-blue color for the bezel, and the black color for the text on the clock.
Required options
These options will be used automatically if you select this example.
This example will reset all options to their
default values before applying new ones.
Set the clock time to draw.
Select second hand format.
Select hour numbering format.
Select hour and minute mark format.
Display larger hour marks.
Set the analog clock radius.
Set padding around the clock.
Set the size of clock numbers.
Select the hour number font. (Works with English numbers.)
Select number font style.
Select analog clock skin.
Image background color.
Clock face color.
Clock bezel color.
Number and mark color.
Drop a clock shadow. Format: "x y blur color"
Thin Bezel Clock
This example shows the afternoon time on a clock with very thin element. It has a very thin bezel colored in midnight-blue color and is equipped only with the hours markers. It prints hours as italic English numbers that are 60px in size and the number font is Garamond.
This example shows the afternoon time on a clock with very thin element. It has a very thin bezel colored in midnight-blue color and is equipped only with the hours markers. It prints hours as italic English numbers that are 60px in size and the number font is Garamond.
Required options
These options will be used automatically if you select this example.
This example will reset all options to their
default values before applying new ones.
Set the clock time to draw.
Select second hand format.
Select hour numbering format.
Select hour and minute mark format.
Display larger hour marks.
Set the analog clock radius.
Set padding around the clock.
Set the size of clock numbers.
Select the hour number font. (Works with English numbers.)
Select number font style.
Select analog clock skin.
Image background color.
Clock face color.
Clock bezel color.
Number and mark color.
Drop a clock shadow. Format: "x y blur color"
Transparent Watch
In this example, we create a drawing of a watch that has no bezel. The watch shows night-time (00:20:58) and the only components that it has are the hands, numbers, and markings for minutes and hours. We use a transparent color for the clock's face and the background, and print the hour numbers in black color using a bold Helvetica font.
In this example, we create a drawing of a watch that has no bezel. The watch shows night-time (00:20:58) and the only components that it has are the hands, numbers, and markings for minutes and hours. We use a transparent color for the clock's face and the background, and print the hour numbers in black color using a bold Helvetica font.
Required options
These options will be used automatically if you select this example.
This example will reset all options to their
default values before applying new ones.
Set the clock time to draw.
Select second hand format.
Select hour numbering format.
Select hour and minute mark format.
Display larger hour marks.
Set the analog clock radius.
Set padding around the clock.
Set the size of clock numbers.
Select the hour number font. (Works with English numbers.)
Select number font style.
Select analog clock skin.
Image background color.
Clock face color.
Clock bezel color.
Number and mark color.
Drop a clock shadow. Format: "x y blur color"
Inverse-color Clock
In this example, we draw a round clock with inverted colors. It has white hands, white hour values, and white markings on a black background. We use a clock skin with internal markings that use short lines for minutes and long lines for hours. We also switch the hour values style to use Roman numerals and set them to be 40 pixels in size.
In this example, we draw a round clock with inverted colors. It has white hands, white hour values, and white markings on a black background. We use a clock skin with internal markings that use short lines for minutes and long lines for hours. We also switch the hour values style to use Roman numerals and set them to be 40 pixels in size.
Required options
These options will be used automatically if you select this example.
This example will reset all options to their
default values before applying new ones.
Set the clock time to draw.
Select second hand format.
Select hour numbering format.
Select hour and minute mark format.
Display larger hour marks.
Set the analog clock radius.
Set padding around the clock.
Set the size of clock numbers.
Select the hour number font. (Works with English numbers.)
Select number font style.
Select analog clock skin.
Image background color.
Clock face color.
Clock bezel color.
Number and mark color.
Drop a clock shadow. Format: "x y blur color"
Colorful Comic Sans Clock
In this example, we create a colorful analog clock for kids with arrow-shaped hands. We use the alice-blue color for the clock's face, light-blue color for the bezel and crimson color for all text and markings on the clock's face. We remove the background color by setting it to transparent. We also remove the seconds hand from the clock and print the hours in the "Comic Sans MS" font.
In this example, we create a colorful analog clock for kids with arrow-shaped hands. We use the alice-blue color for the clock's face, light-blue color for the bezel and crimson color for all text and markings on the clock's face. We remove the background color by setting it to transparent. We also remove the seconds hand from the clock and print the hours in the "Comic Sans MS" font.
Required options
These options will be used automatically if you select this example.
This example will reset all options to their
default values before applying new ones.
Set the clock time to draw.
Select second hand format.
Select hour numbering format.
Select hour and minute mark format.
Display larger hour marks.
Set the analog clock radius.
Set padding around the clock.
Set the size of clock numbers.
Select the hour number font. (Works with English numbers.)
Select number font style.
Select analog clock skin.
Image background color.
Clock face color.
Clock bezel color.
Number and mark color.
Drop a clock shadow. Format: "x y blur color"
All time tools
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Quickly visualize your life in weeks or months.
Quickly draw an analog clock that shows a particular time.
Quickly print a list of neat-looking clock times (such as 10:11:12).
Quickly print a list of neat-looking calendar dates (such as 2055-05-05).
Quickly print a list of symmetric clock times (such as 05:22:50).
Quickly print a list of symmetric dates (such as 2020-02-02).
Quickly convert clock time in H:M:S format to seconds.
Quickly convert seconds to clock time in H:M:S format.
Quickly convert time in 24 hour format to 12 hour format.
Quickly convert time in 12 hour format to 24 hour format.
Quickly find how many seconds have passed since midnight.
Quickly find how many seconds are left till midnight.
Quickly find the difference between two clock times.
Quickly find the difference between two calendar dates.
Quickly find the age difference between two or more people.
Quickly add hours, minutes, and seconds to the given time.
Quickly subtract hours, minutes, and seconds from the given time.
Quickly add days, months, and years to the given date.
Quickly subtract days, months, and years to from the given date.
Quickly change the current time format to any new format.
Quickly change the current date format to any new format.
Quickly round the given clock time up or down.
Quickly round the given calendar date up or down.
Quickly drop seconds and minutes from a clock time.
Quickly drop days and months from a calendar date.
Quickly sort clock times in ascending or descending order.
Quickly sort calendar dates in ascending or descending order.
Quickly sort time intervals by their start time or length.
Quickly sort date intervals by their start date or length.
Quickly check if the given clock time is valid.
Quickly check if the given calendar date is valid.
Quickly find how many hours are in the given days.
Quickly find how many days are in the given hours.
Quickly find the astrological sign by the birthday or any date.
Quickly print a list of the dates of all astrological signs.
Quickly find the average value of multiple clock times.
Quickly find the average value of multiple calendar dates.
Quickly generate a list of random clock times.
Quickly generate a list of random calendar dates.
Quickly create a list of clock times that match your criteria.
Quickly generate a list of calendar dates that match your criteria.
Quickly split the given time period into multiple intervals.
Quickly split the given date period into multiple intervals.
Quickly generate increasing or decreasing clock times.
Quickly generate increasing or decreasing calendar dates.
Quickly print a list of all leap years.
Quickly print a list of all common years.
Quickly test if the given year is a leap year.
Quickly test if the given year is a common year.
Quickly find how old a cat would be if it was a human.
Quickly find how old a human would be if he/she was a cat.
Quickly find how old a dog would be if it was a human.
Quickly find how old a human would be if it was a dog.
Quickly convert a modern Gregorian date to a Julian date.
Quickly convert an ancient Julian date to a Gregorian date.
Quickly calculate the Julian day number for any calendar date.
Quickly convert the Julian day to a regular calendar date.
Quickly print a list of all Easter dates for all years.
Quickly convert a UNIX Epoch time to a human-readable time.
Quickly convert human-readable time to a UNIX Epoch time.
Quickly generate increasing or decreasing UNIX timestamps.
Quickly generate one or more random UNIX Epoch times.
Quickly convert a HH:MM:SS clock to a military HHMM clock.
Quickly convert a military clock HHMM to a HH:MM:SS clock.
Quickly write a clock time in text format (as English text).
Quickly write a calendar date in text format (as English text).
Quickly add slight perturbations to the given clock times.
Quickly add slight perturbations to the given calendar dates.
Quickly find what day of the week the given calendar date falls on.
Quickly find what day of the year the given calendar date falls on.
Quickly find what week of the year the given calendar date falls on.
Quickly calculate the calendar date from a day number of a year.
Quickly find the angle between the hour hand and minute hand.
Quickly print a list of all clock times with a specific hand angle.
Quickly print all dates when a specific day happens.
Quickly find all Fridays that fall on the 13th day of the month.
Quickly create a list of all Independence Day dates.
Quickly create a list of all Christmas Day dates.
Quickly create a list of all New Year dates.
Quickly create a list of all Thanksgiving dates.
Quickly show useful information about a particular clock time.
Quickly show useful information about a particular calendar date.
Quickly draw a timeline of multiple time intervals.
Quickly draw a visualization of multiple date intervals.
Quickly find the time a clock shows if you look at it in a mirror.
Coming soon These time tools are on the way
Draw a Digital Clock
Draw a digital clock that shows a particular time.
Draw a Binary Clock
Draw a binary clock that shows time in base two.
Draw a Salvador Dali Clock
Draw a clock in Salvador Dali style showing custom time.
Draw a Weird Clock
Draw a weird-looking clock that shows a particular time.
Animate an Analog Clock
Create a GIF animation of an analog clock.
Animate a Digital Clock
Create a GIF animation of a digital clock.
Animate a Broken Clock
Create a GIF animation of a clock that's broken.
Draw a Calendar
Draw a daily, monthly, or yearly calendar.
Draw a Lunar Calendar
Draw a calendar that shows moon phases.
Draw a Solar Calendar
Draw a calendar that shows the seasons and Sun's position.
Create an Animated Timer
Draw an animation that counts down (or up) time.
Animate an Hourglass
Create a GIF animation of a sand clock.
Draw an Infinite Spiral Clock
Animate a timeless clock that goes in an infinite spiral.
Draw Time as a Pie Chart
Visualize the given clock time as a pie chart.
Draw Date as a Pie Chart
Visualize the current year as a pie chart.
Draw Time as a Bar Chart
Visualize the given clock time as a bar chart.
Draw Date as a Bar Chart
Visualize the current year as a bar chart.
Draw Time as a Pixel Wall
Visualize the given clock time as a pixel wall (1px = 1sec).
Draw Date as a Pixel Wall
Visualize the current year as a pixel wall (1px = 1day).
Draw Time as Bubbles
Visualize the given clock time as bubbles.
Draw Date as Bubbles
Visualize the current year as bubbles.
Draw a Time Arrow
Visualize the given clock time as an arrow.
Convert Time to Percentage
Quickly calculate time passed and left in the current day as pct.
Convert Date to Percentage
Quickly calculate time passed and left in the current year as pct.
Convert Time to Binary Time
Convert regular clock time to binary clock time (bintime).
Convert Date to Binary Date
Quickly regular calendar date to binary date (bindate).
Convert Time to Decimal Time
Convert regular clock time to decimal clock time (dectime).
Convert Date to Decimal Date
Quickly regular calendar date to decimal date (decdate).
Convert Time to Hex Time
Convert regular clock time to hexadecimal time (hextime).
Convert Date to Hex Date
Quickly regular calendar date to hexadecimal date (hexdate).
Animate Moon's Phases
Create a GIF animation of the Moon for a particular month.
Animate Moon's Orbit
Create an animation of the Moon orbiting the Earth.
Animate Mercury's Orbit
Create a 88 day animation of the Mercury orbiting the Sun.
Animate Venus's Orbit
Create a 225 day animation of the Venus orbiting the Sun.
Animate Earth's Orbit
Create a 365 day animation of the Earth orbiting the Sun.
Animate Mars's Orbit
Create a 687 day animation of the Mars orbiting the Sun.
Animate Jupiter's Orbit
Create a 4,330 day animation of the Jupiter orbiting the Sun.
Animate Saturn's Orbit
Create a 10,756 day animation of the Saturn orbiting the Sun.
Animate Uranus's Orbit
Create a 30,687 day animation of the Uranus orbiting the Sun.
Animate Neptune's Orbit
Create a 60,190 day animation of the Neptune orbiting the Sun.
Animate Pluto's Orbit
Create a 90,560 day animation of the Pluto orbiting the Sun.
Animate Solar System
Create an animation of all planets in the Solar System.
Animate Mars's Moons
Create an animation of Phobos and Deimos orbiting Mars.
Animate Jupiter's Moons
Animate Io, Europa, Ganymede, Callisto orbiting Jupiter.
Animate Saturn's Moons
Animate Titan, Rhea, Iapetus, Enceladus orbiting Saturn.
Animate Uranus's Moons
Animate Titania, Oberon, Umbriel, Ariel, Miranda orbiting Uranus.
Animate Neptune's Moons
Animate Triton, Nereid, and Proteus orbiting Neptune.
Animate Pluto's Moons
Animate Charon, Nix, Hydra, Kerberos, Styx orbiting Pluto.
Find When Planets Align
Find dates when two or more planets align in a straight line.
Find Dates of Solar Eclipse
Find dates when the solar eclipse happens.
Find Dates of Lunar Eclipse
Find dates when the lunar eclipse happens.
Create a Time Matrix
Represent a clock time as a matrix.
Create a Date Matrix
Represent a calendar date as a matrix.
Create a Time Vector
Represent a clock time as a vector.
Create a Date Vector
Represent a calendar date as a vector.
Visualize Time Series
Draw a time series chart.
Find Overlapping Times
Given a bunch of time intervals, find overlapping intervals.
Generate Overlapping Times
Generate a bunch of overlapping time intervals.
Generate Non-overlapping Times
Generate a bunch of non-overlapping time intervals.
Generate Random Time Intervals
Generate random clock time intervals.
Find Overlapping Dates
Given a bunch of date intervals, find overlapping intervals.
Generate Overlapping Dates
Generate a bunch of overlapping date intervals.
Generate Non-overlapping Dates
Generate a bunch of non-overlapping date intervals.
Generate Random Date Intervals
Generate random calendar date intervals.
Find Season by a Date
Print the season (winter, spring, summer, autumn) by a date.
Swap Clock Hands
Swap a clock's hour hand with minute hand.
Reverse Clock Time
Find the reverse of the given clock time.
Invert Clock Time
Find the inverse of the given clock time.
Shift Clock Time
Shift the given clock time by any time interval.
Change Clock Scale
Change the clock scale from 24 hours to any other hours.
Generate Valid Clock Times
Generate a list of valid clock times (for testing).
Generate Invalid Clock Times
Generate a list of invalid clock times (for testing).
Generate Valid Calendar Dates
Generate a list of valid calendar dates (for testing).
Generate Invalid Calendar Dates
Generate a list of invalid calendar dates (for testing).
Add Errors to Clock Times
Create errors in the given clock times (for testing).
Add Errors to Calendar Dates
Create errors in the given calendar dates (for testing).
Convert Date to Seconds
Convert a calendar date to seconds.
Convert Seconds to Date
Convert seconds to a calendar date.
Convert English to Crontab
Create a crontab expression from human language.
Convert Crontab to English
Rewrite a crontab entry into human language.
Find Week of the Month
Quickly find the week of the month of a calendar date.
Find Days Since the Start of Year
Quickly find how many days have passed since start of the year.
Find Days Till the End of Year
Quickly find how many days are left till the end of the year.
Find Days Till a Specific Date
Quickly find how many days are left till a specific date.
Convert Seconds To Minutes
Find how many minutes are in the given seconds.
Convert Seconds To Hours
Find how many hours are in the given seconds.
Convert Seconds to Days
Find how many days are in the given seconds.
Convert Seconds to Weeks
Find how many weeks are in the given seconds.
Convert Seconds to Months
Find how many months are in the given seconds.
Convert Seconds to Years
Find how many years are in the given seconds.
Convert Minutes to Seconds
Find how many seconds are in the given minutes.
Convert Minutes To Hours
Find how many hours are in the given minutes.
Convert Minutes to Days
Find how many days are in the given minutes.
Convert Minutes to Weeks
Find how many weeks are in the given minutes.
Convert Minutes to Months
Find how many months are in the given minutes.
Convert Minutes to Years
Find how many years are in the given minutes.
Convert Hours To Seconds
Find how many seconds are in the given hours.
Convert Hours to Minutes
Find how many minutes are in the given hours.
Convert Hours to Weeks
Find how many weeks are in the given hours.
Convert Hours to Months
Find how many months are in the given hours.
Convert Hours to Years
Find how many years are in the given hours.
Convert Days to Seconds
Find how many seconds are in the given days.
Convert Days to Minutes
Find how many minutes are in the given days.
Convert Days to Weeks
Find how many weeks are in the given days.
Convert Days to Months
Find how many months are in the given days.
Convert Days to Years
Find how many years are in the given days.
Convert Weeks to Seconds
Find how many seconds are in the given weeks.
Convert Weeks To Minutes
Find how many minutes are in the given weeks.
Convert Weeks To Hours
Find how many hours are in the given weeks.
Convert Weeks to Days
Find how many days are in the given weeks.
Convert Weeks to Months
Find how many months are in the given weeks.
Convert Weeks to Years
Find how many years are in the given weeks.
Convert Months to Seconds
Find how many seconds are in the given months.
Convert Months To Minutes
Find how many minutes are in the given months.
Convert Months To Hours
Find how many hours are in the given months.
Convert Months to Days
Find how many days are in the given months.
Convert Months to Weeks
Find how many weeks are in the given months.
Convert Months to Years
Find how many years are in the given months.
Convert Years to Seconds
Find how many seconds are in the given years.
Convert Years To Minutes
Find how many minutes are in the given years.
Convert Years To Hours
Find how many hours are in the given years.
Convert Years to Days
Find how many days are in the given years.
Convert Years to Weeks
Find how many weeks are in the given years.
Convert Years to Months
Find how many months are in the given years.
Convert a Bird's Age to Human Years
Find how old a human would be if he/she was a bird.
Convert a Human's Age to Bird Years
Find how old a bird would be if it was a human.
Convert Earth Time to Mars Time
Convert clock time on Earth to clock time on Mars.
Convert Mars Time to Earth Time
Convert clock time on Mars to clock time on Earth.
Generate Equal H:M:S Times
Print a list of clock times with hours equal mins equal secs.
Generate Equal Y-M-D Dates
Print a list of calendar dates with years equal months equal days.
Set Straight Clock Hands
Print a list of all clock times when hands are in a straight line.
Normalize Clock Times
Given clock times in various formats, convert them to one format.
Normalize Calendar Dates
Given calendar dates in various formats, make them the same format.
Rotate Clock Times
Cyclically shift HH, MM, SS time parts to the left or right.
Rotate Calendar Dates
Cyclically shift YYYY, MM, DD date parts to the left or right.
Freeform Time Calculator
Perform freeform clock time arithmetics.
Freeform Date Calculator
Perform freeform calendar date arithmetics.
Calculate Clock Sum
Find the sum of hours plus minutes plus seconds.
Calculate Calendar Sum
Find the sum of years plus months plus days.
Find Clock Sum
Find clock hand position so that hr + min + sec equals your value.
Find Calendar Sum
Find calendar date so that year + months + day equals your value.
Generate Clock Emojis
Print all clock icons from 00:00 to 24:00.
Convert Between Timezones
Convert time and date in one timezone to another timezone.
Create Zalgo Time
Generate date and time that only Zalgo can understand.