Hex Color Clock - Online Time Displayed as Background Color
Every second, the background color changes to the hex code corresponding to the current time (HHMMSS). A beautiful, ever‑changing clock.
UD5 Toolkit
Select a mood color, then tap a date
Loading stats...
Start tracking your mood to see insights here.
Every second, the background color changes to the hex code corresponding to the current time (HHMMSS). A beautiful, ever‑changing clock.
Paste a hex code and get the closest official CSS color name and a list of similar Pantone-like shades. Design reference.
Log the hours you slept each night and rate the quality. See a weekly bar chart. Local storage.
Start/stop timer per project to log hours. See daily and weekly totals. Data stays in localStorage. Export summary as CSV. No account needed.
Use SSML <mark> tags to fire events during TTS. See text highlighted as it is spoken. Understand speech synthesis timing. local.
Generate a CSS background that shows a baseline grid. Adjust line‑height and offset. Perfect for aligning text.
Record daily systolic/diastolic readings and pulse. See a trend chart. All data saved locally in your browser.
Answer questions and see typical milestones for 0-5 years. Educational reference for parents. Not a diagnostic tool.
Add or subtract days, weeks, and months to find a future or past date. Also compute duration between two dates. Essential for project planning.
Paste an URL or HTML and see the h1‑h6 hierarchy as a tree. Detect skipped levels and improve accessibility. Client‑side.
Calculate exact elapsed time between two dates in years, months, weeks, and days. Countdown or time already passed. Simple, visual, and local.
See how align‑items: baseline works in grid to align different font sizes on the same baseline. Visual guide.
Keep track of stitches and rows for your knitting projects. Multiple counters with increase/decrease shortcuts. Data saved in your browser.
Create colorful digital sticky notes on a corkboard. Drag, edit, and delete. Notes persist in local storage. No login.
Structure your episode with timed segments. Includes call to action notes. Export as text.
Lay down a beat on a grid sequencer for kick, snare, and hi-hat. Play, loop, and adjust tempo. All sound via Web Audio API.
Live cryptocurrency prices from public APIs. Clean ticker with percentage changes. Pure frontend, no account needed.
Enjoy classic Tetris in your browser. Rotate, move, and drop tetrominoes. Clear lines and score. Fully local JavaScript.
Practice aligning grid items and tracks with the place‑items, align‑content, and justify‑content properties. Visual guide.
Enter any date and get its ISO week number, plus the start and end dates of that week. Quick reference.
Place multiple grid items into the same cells to create overlapping layouts. Learn the technique visually. Copy code.
Enter a URL and see a nested list of all headings (h1‑h6). Check your document structure for SEO and accessibility. Pure fetch.
Scroll a container and see how sticky elements behave. Adjust top, bottom, and scroll margins. Copy the code.
Create a breadcrumb schema for your website. Fill in the pages and get the ready‑to‑paste JSON‑LD snippet for rich results.
A country border shape appears, guess the nation. Multiple choice. Score tracking. Learn geography visually. Local SVG shapes.
Encode or decode data to/from Base58 (Bitcoin alphabet). Useful for cryptocurrency address generation testing. Fully local, no data sent.
A silhouette of a country appears; type the name. Timed guesses. Great for geography buffs.
Test the modern File System Access API. Open a file, modify it, and save back to disk. All sandboxed in browser.
Enter a domain and see public WHOIS info via a free API with rate limiting. Quick domain check.
Convert numbers between binary, octal, decimal, and hexadecimal bases. See real-time conversion as you type. Clean and simple programmer utility.