MDN wants to learn about developers like you:


inverted-colors is a CSS media feature that can be used to check whether the user agent or underlying OS is inverting colors.

Enumerated values

Value Meaning
none Colors are displayed normally
inverted All pixels within the displayed area have been inverted


Specification Status Comment
Media Queries Level 4
The definition of 'inverted-colors' in that specification.
Working Draft Initial definition

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? ? ? ? ?
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ?

Document Tags and Contributors

 Contributors to this page: mfluehr, Sebastianz, notetienne, kscarfone, cvrebert
 Last updated by: mfluehr,