AI Engineering FoundryLoading…
Loading…
Make a vertical or horizontal timeline from dated events, evenly spaced or to scale, and download it as PNG or SVG for slides and reports. Saved in your browser.
Also covers: Timeline creator · History timeline maker · Project timeline generator · Chronology maker
Dates as 1969, 1969-07, or 1969-07-20 are sorted and can be spaced to scale. Other text ("Week 3", "Phase 1") is kept as typed, in the order entered, after the dated events.
Loading… PNG downloads are at twice the size for sharp slides and print.
For each one, a date (1969, 1969-07, or 1969-07-20), a title, and optional details. Labels like "Week 3" work too.
Vertical suits long descriptions; horizontal suits slides. Space events evenly, or to scale so gaps between dates are proportional.
Get a PNG at double resolution for slides and documents, or an SVG that stays sharp at any size.
A year (1957), year and month (1957-10), or a full date (1957-10-04); they're sorted and shown as 1957, Oct 1957, or 4 Oct 1957. Any other text is shown as typed, after the dated events.
Events are spaced in proportion to the time between them, so a 20-year gap looks longer than a 2-year gap. Events close together are nudged apart so their text never overlaps.
Yes, automatically, in this browser's local storage. Nothing is uploaded.
Colour
Pick any colour with a saturation/brightness square, from anywhere on your screen (EyeDropper), or from a photo — and get it in HEX, RGB, HSL, OKLCH and more.
Colour
Convert any colour between HEX, RGB, HSL, HSV, HWB, CMYK, Lab, LCH, OKLab and OKLCH, with the nearest CSS colour name.
Palettes
Build a palette from one colour — a 50–950 shade scale or complementary, analogous, triadic and other harmonies, worked out in OKLCH — and export CSS, Tailwind, SCSS or JSON.
Colour
Pull the main colours out of a photo or logo, with how much of the image each covers, and export them as CSS variables or JSON.
Accessibility
Check text and background colours against WCAG 2.2 AA and AAA, see the exact contrast ratio, and get the closest colour that passes.
CSS
Design linear, radial and conic CSS gradients with any number of colour stops and vivid OKLCH blending, and copy the CSS.