# Digital clock maker

World's simplest time tool
With this browser-based application, you can draw a digital clock with the specified time value. The clock's display can show the time in two different formats – draw the digits on a classic LCD matrix or use a modern display that uses modern computer fonts. The digital clock can use a 12-hour or 24-hour clock format and show or hide the seconds part. You can customize the clock size, the width of the bezel, and add padding around the clock. You can also adjust the colors of the background, clock face, numbers and indicators, bezel, and add a shadow. Created by computer nerds from team Browserling.

announcement
the ultimate collection of tools!

We're joining all our tools into OnlineTools.com that will offer the ultimate collection of tools. Check it out!

A link to this tool, including input, options and all chained tools.

Can't convert.

## What is a digital clock maker?

learn more about this tool
This is a quick online utility for generating an image of an electronic clock. You can set a custom time for the clock, change the clock's format, and use arbitrary colors for various clock parts. By adjusting over a dozen different options, the electronic clock can have a modern look (using rounded edges and a neat font for the hours, minutes, and seconds), a classic look (using rectangular edges and LCD font), or a totally custom look (by mixing various options together). For example, to draw the time "09:10:45" you just need to enter this value in the "clock-time" option and the program will immediately print this time on the screen. The options that let you greatly improve and customize the clock's format and style include resizing the clock to any size (by default the clock is 400px in width), adding padding around the clock (10px by default), setting the thickness of the bezel (default is 10px), and choosing its shape – it can be a rectangle with sharp edges, a rounded rectangle, or an egg/oval shape (called a quadratic curve). Digital clocks can show time to the nearest second in the format "hh:mm:ss" or with an accuracy of one minute in the format "hh:mm". To turn off the seconds, you can enable the "No Seconds" option. This option also lets you manage the position and size of the seconds – they can be printed in the same size as hours and minutes or much smaller size, as well as placed in the top or bottom corner of the clock. Another option lets you customize the clock's digit separator. By default, this is a colon character ":" that matches the size of hours, minutes, seconds digits but you can change it to a smaller colon, a space (instead of a colon), or remove the digit separator altogether (in this case hours, minutes, and seconds are merged together and display the military time). The program supports many digital clock fonts but among them, the two main fonts are "Classic LCD" and "Trapezoid LCD". We created these two fonts ourselves just for this program and they are designed specifically for digital clocks. They can show the time using a 7-segment LCD matrix for each digit, just like in real digital clocks. If you have a real digital clock with an LCD display, then if you look very closely, you can see all 7 segments of the matrix. In these fonts, we took that into account and added an option that can turn the matrix effect on or off. If you select a regular font, then the italic and bold option becomes available as well. The clock's display supports 12-hour and 24-hour formats. When you switch to the 12-hour format, you can select the position of the am/pm indicator – upper-left corner, upper-right corner, lower-left corner, or lower-right corner. You can also choose whether to pad the hour component of the time. For example, padded time is "09:10:45" and non-padded time is "9:10:45". When you have customized the style of the clock, you can choose the best color combination by modifying the last block of options. In particular, you can set the background color, clock face color, bezel color, and number color here. Additionally, you can add a shadow to the digital clock via the format "x-offset y-offset blur color", such as "5px 5px 8px gray". Timeabulous!

## Digital clock maker examples

Click to useRetro LCD Clock

This example creates a retro style digital clock with an LCD screen. It displays the timer value "15:20:06" using a seven-bar LCD matrix for each digit. It highlights certain bars of the matrix to display specific digits. As a side effect, the bars that aren't highlighted are still faintly illuminated (just like in real retro digital clock). We use the classic LCD font and set the clock's size to 400 pixels. We also add a 4px light gray border around the clock and draw a gray background that surrounds the clock 12 pixels from each side. The clock's face uses a black color and the LCD digits use a red color.

**Required options**

This example will reset all options to their

default values before applying new ones.

default values before applying new ones.

Clock time.

Clock size.

Bezel width.

Padding.

Use padded hours: "01", "02", etc.

Show LCD digit font matrix.

Set image background color.

Set clock face color.

Set clock bezel color.

Set digit color.

Set clock shadow.
Format: "x y blur color"

Rounded Digital Clock

In this example, we draw an electronic clock with rounded bezels. The clock uses the trapezoid LCD digit font and the lime color for the digits on the display. We make the clock show early morning time of 6:25:43 and customize the colon separator that goes between hours and minutes and make it half the digit size. Additionally, we make the seconds indicator use a smaller font than hours and minutes. We use bright colors for the clock and background and also add a black translucent shadow around the clock with a 6px offset for the x and y coordinates, and a blur of 10px.

**Required options**

This example will reset all options to their

default values before applying new ones.

default values before applying new ones.

Clock time.

Clock size.

Bezel width.

Padding.

Use padded hours: "01", "02", etc.

Show LCD digit font matrix.

Set image background color.

Set clock face color.

Set clock bezel color.

Set digit color.

Set clock shadow.
Format: "x y blur color"

Modern Round Digital Clock

In this example, we create a modern digital clock with the Verdana font for the digits. We hide the seconds part of the clock and also hide the hours and minutes separator symbol. We convert the time "22:32:00" to 12-hour format to get "10:32" and display the "pm" indicator in the upper right corner as "10:32

^{pm}". We fill the display with a calming cornflower-blue color and make the bezel have a pill shape that's created by the quadratic curve option.**Required options**

This example will reset all options to their

default values before applying new ones.

default values before applying new ones.

Clock time.

Clock size.

Bezel width.

Padding.

Use padded hours: "01", "02", etc.

Show LCD digit font matrix.

Set image background color.

Set clock face color.

Set clock bezel color.

Set digit color.

Set clock shadow.
Format: "x y blur color"

All time tools

Quickly visualize your life in weeks or months.

Quickly draw an analog clock that shows a particular time.

Quickly draw a digital clock that shows a particular time.

Quickly draw a monthly calendar for any month of the year.

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.

Quickly convert time and date from one timezone to another.

Quickly convert time and date from one country to another.

Quickly print the season (winter, spring, summer, autumn) by date.

Coming soon
These time tools are on the way

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 Daily Calendar

Draw a daily calendar for a single day.

Draw a Weekly Calendar

Draw a weekly calendar for any week of the month.

Draw a Yearly Calendar

Draw a yearly calendar for the entire year.

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.

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.

Create Zalgo Time

Generate date and time that only Zalgo can understand.

Subscribe!
Never miss an update

Cool!

Notifications
We'll let you know when we add this tool

Cool!