forcedâcolors Mode Tester - Online Windows High Contrast
Simulate forcedâcolors mode and see how your site looks. Adjust CSS system colors. Make your design accessible.
UD5 Toolkit
Online Ishihara Plate Style â Quick & Private
Simulate forcedâcolors mode and see how your site looks. Adjust CSS system colors. Make your design accessible.
Apply dyslexiaâfriendly fonts, spacing, and background to any text. Preview and copy the formatted version. Improve readability.
Generate a palette of N colors that are maximally distinguishable for common color vision deficiencies. Copy the hex codes.
See how a full paragraph looks with your chosen text and background colors. Not just a ratio; the real appearance.
Enter Braille dot numbers (1â6) or paste Unicode Braille to decode into English text. Companion to textâtoâBraille.
Paste two strings that look the same and see if they differ after normalization. Debug invisible encoding bugs.
Simulate reduced motion preference and test your animations. Copy the media query snippet. Keep your users safe.
Start from a base color and use `oklch(from color l c h)` to create lighter or darker variants. Copy the code.
Add a warm, orange light leak to your photo for a vintage film look. Adjust intensity and angle. Instant download.
Open a test video in PictureâinâPicture mode. Control entering and leaving PiP. Copy the code snippet for your own app.
Convert normal text to Unicode mathematical bold, italic, script, fraktur, and doubleâstruck. Copy rich text for anywhere.
Paste a website's HTML and see which text is only visible to screen readers (e.g., .srâonly). Preview the accessible layer.
Test overscrollâbehavior: contain to prevent background scroll or pullâtoârefresh. See the effect in a live demo.
Turn any photo into a beautiful kaleidoscope pattern by reflecting and rotating segments. Adjust parameters.
Design a custom focus indicator with outline, offset, and boxâshadow. Preview on interactive elements. Copy the CSS.
Apply contentâvisibility: auto to offâscreen sections and see the rendering cost drop. Demos for infinite scroll optimization.
Apply East Asian glyph variants like jis78, proportional-width, ruby. See the difference instantly. For CJK typography.
Browse the fonts installed on your system and type a custom phrase to see how it looks. Uses Local Font Access API where available.
Visualize how caffeine decays in your body over time. Enter intake amount and see remaining caffeine at bedtime to optimize sleep. Uses standard 5-hour half-life.
Toggle between light and dark mode for a demo page. See how to use the media query. Copy the pattern.
Paste a line of poem and see which syllable stresses create a particular meter. Educational tool.
Paste text and quickly highlight potential proper nouns (capitalized sequences). Aid for editing or anonymization. Simple regex-based, local.
Highlight elements with ariaâdescribedby and see the linked description text. Verify a11y annotations.
Enter a URL and extract tabâindex order violations and focusable elements. Quick accessibility audit. Clientâside fetch.
Check English spelling and get suggestions using the browser's built-in dictionary. Highlight errors instantly. No data leaves your machine.
Paste text and instantly see if it contains hidden zeroâwidth characters often used in steganography. Reveal invisible payloads.
Detect browser support for fontâtech() and fontâformat() values in @fontâface src. Check COLRv1, variable, etc.
Paste your AcceptâLanguage header and see which languages your site should serve based on quality values. Internationalization helper.
Fullâscreen random colour changes at a slow pace. Use it as a dynamic background for meditation or focus.
Type any character and see how it renders in different font stacks. Detect missing glyphs and fallback behavior.