Live Site Contrast Checker - Online Audit By URL
Enter a URL and fetch its text/background colors to perform a bulk contrast check. See warnings for WCAG violations.
UD5 Toolkit
Threshold: Lc 75 for body text | Lc 60 for large text
Enter a URL and fetch its text/background colors to perform a bulk contrast check. See warnings for WCAG violations.
Force more or less contrast and see how your page adapts. Test your CSS media queries for accessibility.
See your monitor's color depth and pixel depth. Detect if HDR or wide gamut is available using media queries.
Analyze text for screen reader friendliness: detect vague link text, missing alt suggestions. Get a report. Local.
Automatically improve the contrast of dark or washed‑out photos using histogram equalization. One‑click auto‑tune. All canvas‑based.
Compare text‑rendering: auto, optimizeSpeed, optimizeLegibility, geometricPrecision. See kerning and ligature changes live.
Enter HTML with aria-labels and see what a screen reader would announce. Simulates common patterns. Local educational tool.
Upload an image and see a rough simulation of how it might look when printed. Highlights areas that may lose detail.
Inject dynamic messages into ARIA live regions and monitor how they trigger screen reader announcements. Debug a11y.
Convert hex, RGB, or HSL into the modern OKLCH color space. See the preview and copy CSS oklch() value. Local.
Watch for updates to aria‑live regions and log what a screen reader would announce. Debug live regions.
Toggle content‑visibility: auto on long blocks and see the rendering time difference. Understand this powerful property.
Transform any text into the Bionic Reading® format that bolds the first few letters of each word. Improve reading speed.
Paste or write a CSS gradient value and instantly see the rendered output. Debug and iterate on gradients quickly. Local preview.
Convert any photo into a stark 1‑bit black‑and‑white image (no grays). Adjust threshold. Save as PNG.
Enter megapixels and desired DPI to see the maximum print size without upscaling. Quick quality check.
Compare two text blocks and highlight differences line by line. Ideal for code review and document revisions. All diffs computed locally for privacy.
Enter an HTML snippet and see a rough transcription of what a screen reader might announce. Check alt texts.
Analyze letter/symbol frequency with an interactive bar chart and heatmap. Useful for breaking simple ciphers, linguistics, and SEO keyword analysis. Local processing.
See the View Transitions API in action. Cross‑fade and morph between two states. Copy the JavaScript starter code.
Analyze text for keyword frequency and density. Highlights over-optimized terms. Perfect for content writers and SEO editors. Entirely browser-based.
Open your camera and scan barcodes or QR codes in real time. Uses ZXing JS. No data sent anywhere.
Adjust ISO, f‑stop, shutter speed and see a simulated image brightness and depth of field effect. Learn manual mode.
Compare font‑display values (block, swap, fallback, optional) on the fly. See how text renders during web font load. Choose the right strategy.
Find out if a word is an isogram (no repeating letters). Different types: first-order, second-order. Word nerd fun.
Overlay a realistic aged paper, parchment, or canvas texture onto any photo. Vintage effect. Download result.
Create color gradients that are perceptually uniform by interpolating in CIELAB space. Get the CSS linear‑gradient code. Visually superior.
Upload an image containing a QR code and decode its content. Works offline using JavaScript QR decoder. No camera needed.
Scan QR codes using your device camera or by uploading an image. Instant decoding of URLs, texts, and more. No data sent to server, pure browser processing.
Decode an image progressively using the ImageDecoder API. See partial results and metadata. Modern alternative to <img>.