Accessible Color Scale Builder - Online Generate Tints/Shades with Contrast
Pick a base color and generate a 10‑step scale where each step meets a specific contrast ratio against white or black. Export as CSS custom properties.
UD5 Toolkit
Generate high-quality white, pink, brown, blue, and violet noise online. Perfect for sleep, focus, relaxation, and audio testing.
Pick a base color and generate a 10‑step scale where each step meets a specific contrast ratio against white or black. Export as CSS custom properties.
Click colors on an interactive wheel and see the common emotions and meanings associated with them. A design resource.
Enter original and target color to compute the exact CSS hue‑rotate(deg) filter needed. For precise icon and image tinting.
Click any color to see common emotional associations and cultural meanings. Quick design reference.
Pick colors using the HWB (Hue‑Whiteness‑Blackness) model. Get the CSS hwb() function code. Simpler than HSL for some.
Automatically restore natural colors to a photo by removing color casts. Gray world algorithm. One‑click fix. Canvas.
Start with a base color and generate an extended palette where every shade contrasts properly with white and black. Export tokens.
Upload any image, add a thick white border and drop shadow, and turn it into a sticker. Download as transparent PNG.
Shift the color temperature of your photo towards warm (orange) or cool (blue). Instant canvas filter. Download result.
Create a fully accessible form by adding fields; the tool generates the proper labels, inputs, and ARIA attributes. Copy the clean HTML.
Search common dream symbols and their traditional meanings. For entertainment and self-reflection. Static data.
A big button that triggers a colourful confetti cannon full‑screen. Use it to celebrate small wins. Pure joy.
Convert English text to Braille (Grade 1 and simple Grade 2 contractions). Educational tool to understand Braille representation. Local only.
Convert plain text into HTML‑safe strings by escaping <, >, &, and quotes. Insert into code safely. Local copy.
See how a color is interpreted in different cultures (e.g., red in China vs. Western). Crucial for global web design. Static guide.
Calculate the perceived brightness of an RGB color and determine if black or white text is more readable. Accessibility tool.
Simulate how images and UI elements appear to users with various types of color blindness. Upload or paste image URL. Promote inclusive design.
Draw a digit (0‑9) on the canvas and a simple neural net guess the number. Educational demo. No upload.
Convert volume and capacity units: gallon (US/UK), liter, milliliter, cup, and fluid ounce. Handy for cooking and science. Works entirely offline.
Follow along with animated crease patterns to fold a paper crane. Pause and rewind steps.
Convert carabiner strength from kN to kg/lbs and understand Major Axis vs Minor Axis markings. Quick educational reference for climbers.
Fetch a site’s HSTS header and validate its syntax, max‑age, and subdomain flags. Ensure your site enforce HTTPS.
View the moon phase for any date in past or future. See full moon dates and eclipses for a given year.
Generate a grand, aristocratic title like 'Duke of Waffleshire'. Perfect for silly fun or RPG characters. Local.
Paste an HTML snippet and check for common ARIA mistakes: missing labels, invalid roles, and aria‑hidden misuse. Educate your team.
Reverse entire text, flip letters, or reverse word order. Fun for puzzles and creative writing. Instant transformation without data leaving your browser.
Flip a coin with adjustable bias (e.g., 70% heads). Used for random decision-making when you want to gently influence outcomes. History & stats shown.
Enter any number up to trillion and get the English word representation. For filling out checks or legal documents.
Drag colored shapes to matching outlines. Simple, no-text game for 2-4 year olds. Works on touch devices.
See how a PWA can extend content into the title bar area on desktop. Customize the window controls overlay.