MDN wants to learn about developers like you:

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.


bitDepth = window.screen.colorDepth


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


Specification Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'Screen.colorDepth' in that specification.
Working Draft  

Browser Compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes)[1] ? ? (Yes)[1] ?
Feature Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Basic support (Yes)[1] (Yes)[1] ? ? ? (Yes)[1] ?

[1] Beginning with Chrome 59/Opera 46 this property is no longer required to return 24.

See also

Document Tags and Contributors

 Contributors to this page: jpmedley, cvrebert, teoli, namolmes, ethertank, Sheppy, Mgjbot, Diablownik, Gor1
 Last updated by: jpmedley,