v145 · CSS · Emoji Demo
Emoji Demo
Shows emoji rendering in normal mode and a simulated forced-colors (High Contrast) context, plus the current forced-colors state detected via CSS media query.
To see actual monochrome emoji rendering in Chrome 145+, enable Windows High Contrast mode (Settings → Accessibility → High contrast) or use the DevTools "Emulate CSS media feature forced-colors" override.
emoji in normal mode
😀grinning
🎉party
🌍globe
🔥fire
✅check
❌cross
⚡bolt
💡bulb
simulated forced-colors (CSS filter approximation)
Simulated High Contrast (black background, white text, grayscale emoji)
😀 🎉 🌍 🔥 ✅ ❌ ⚡ 💡
In Chrome 145+ with actual forced-colors active, emoji use the system text color rather than their color glyph.
forced-colors status
forced-colors: active—
prefers-color-scheme—
Chrome 145+ emoji behaviour—