W3cubDocs

/DOM

screen.colorDepth

Returns the color depth of the screen. Per the CSSOM, some implementations return 24 for compatibility reasons. See the browser compatibility section for those that don't.

Syntax

bitDepth = window.screen.colorDepth

Example

// check the color depth of the screen
if ( window.screen.colorDepth < 8) {
  // use low-color version of page
} else { 
  // use regular, colorful page
}

Specification

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support Yes
Yes
Starting with version 59 this property is no longer required to always return 24.
? Yes ? Yes Yes
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support Yes
Yes
Starting with version 59 this property is no longer required to always return 24.
Yes
Yes
Starting with version 59 this property is no longer required to always return 24.
? Yes Yes ? Yes

See also

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/screen/colorDepth