Gradient Text Contrast Checker – Online WCAG Over Background
Type text and set a gradient, then check contrast against a solid background. Ensure readability.
UD5 Toolkit
Threshold: Lc 75 for body text | Lc 60 for large text
Type text and set a gradient, then check contrast against a solid background. Ensure readability.
Enter a URL and fetch its text/background colors to perform a bulk contrast check. See warnings for WCAG violations.
Quickly adjust the brightness and contrast of an image with live preview sliders. Download the tuned photo. Canvas.
Watch for updates to aria‑live regions and log what a screen reader would announce. Debug live regions.
Upload an image and see a rough simulation of how it might look when printed. Highlights areas that may lose detail.
Convert any photo into a stark 1‑bit black‑and‑white image (no grays). Adjust threshold. Save as PNG.
Inject dynamic messages into ARIA live regions and monitor how they trigger screen reader announcements. Debug a11y.
Upload a PDF and quickly see which pages contain color and which are pure black & white. Helps optimize printing.
Paste or write a CSS gradient value and instantly see the rendered output. Debug and iterate on gradients quickly. Local preview.
Compare text‑rendering: auto, optimizeSpeed, optimizeLegibility, geometricPrecision. See kerning and ligature changes live.
Apply an emboss filter to your photo. Choose direction and depth. Gives a 3D carved stone look. Pure canvas.
Create color gradients that are perceptually uniform by interpolating in CIELAB space. Get the CSS linear‑gradient code. Visually superior.
Adjust ISO, f‑stop, shutter speed and see a simulated image brightness and depth of field effect. Learn manual mode.
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.
Detect browser support for font‑tech() and font‑format() values in @font‑face src. Check COLRv1, variable, etc.
Open your camera and scan barcodes or QR codes in real time. Uses ZXing JS. No data sent anywhere.
Demonstrate frequency separation by splitting an image into high/low frequency layers. Visual tool, not full editor.
Analyze letter/symbol frequency with an interactive bar chart and heatmap. Useful for breaking simple ciphers, linguistics, and SEO keyword analysis. Local processing.
Mix colors with different alpha channels using color‑mix(). See how transparent colors combine. Copy the CSS.
Turn any photo into a mosaic of colored blocks or pixel art. Choose block size and palette. Download as PNG. Pure canvas.
Compare font‑display values (block, swap, fallback, optional) on the fly. See how text renders during web font load. Choose the right strategy.
Drag a slider over two images to see the differences instantly. Perfect for showcasing retouches or compression effects.
Drag a slider to see wind speed in knots/mph/kmh and the corresponding sea conditions and land effects.
Design a realistic neon sign text with multiple layers of glow. Copy the CSS and HTML. Perfect for headers.
Scan QR codes using your device camera. Decodes text, URLs, and Wi‑Fi credentials directly in the browser. No data sent to server.
Overlay a realistic aged paper, parchment, or canvas texture onto any photo. Vintage effect. Download result.
Drag a slider to compare your original image with a compressed version (e.g., WebP). See the quality difference and file size savings.
Upload an image containing a QR code and decode its content. Works offline using JavaScript QR decoder. No camera needed.
Slide left for cooler (blue) or right for warmer (orange) tones on your image. Quick photo adjustment. Local.
Find out if a word is an isogram (no repeating letters). Different types: first-order, second-order. Word nerd fun.