Draw a Digital Clock – Online Time Tools

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!