The Screen.colorDepth read-only property 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

BCD tables only load in the browser

See also