Screen.colorDepth

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.

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
}

Specifications

Specification
CSSOM View Module (CSSOM View)
# dom-screen-colordepth

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
colorDepth
1
Starting with version 59 this property is no longer required to always return 24.
12
1
4
≤12.1
1
1
Starting with version 59 this property is no longer required to always return 24.
18
Starting with version 59 this property is no longer required to always return 24.
4
≤12.1
1
1.0
Starting with Samsung Internet 7.0 this property is no longer required to always return 24.

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Screen/colorDepth