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 Compatibility

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

See also

• Screen.pixelDepth