Web platform features explorer - Forced colors

Web platform features explorer

Tags: css Groups: CSS

The forced-colors CSS @media rule detects when a user has chosen to use a forced colors mode, also known as high-contrast mode, and the forced-color-adjust CSS property sets whether forced colors apply to an element.

Learn more

Specifications

Media Queries Level 5 (#forced-colors), from Cascading Style Sheets (CSS) Working Group (W3C).
CSS Color Adjustment Module Level 1 (#forced-color-adjust-prop), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome 89 Released on 2021-03-02
Chrome Android 89 Released on 2021-03-02
Edge 79 Released on 2020-01-15
Firefox 89 Released on 2021-06-01
Firefox for Android 89 Released on 2021-06-01
Safari 16 Released on 2022-09-12
Safari on iOS 16 Released on 2022-09-12

Developer signals

State of CSS 2024: reading_list/reading_list question
State of CSS 2024: features/all_features question

Usage (according to Chrome Platform Status)

~29.911% of page loads. More data at chromestatus.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist