Search w3schools.com:

SHARE THIS PAGE

Screen colorDepth Property

Screen Object Reference Screen Object

Definition and Usage

The colorDepth property returns the bit depth of the color palette for displaying images (in bits per pixel).

Syntax

screen.colorDepth


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The colorDepth property is supported in all major browsers.


Examples

Example 1

Return the bit depth of the color palette:

<script>

document.write("Color Depth: " + screen.colorDepth);

</script>

The output of the code above will be:


Try it yourself »

Example 2

Display an alternate background color for 8 bit screens (to avoid that 8 bit screens, which do not support the modern color, uses an ugly substitute color instead):

<script>

if (screen.colorDepth<=8)
  //simple blue background color for 8 bit screens
  document.body.style.background="#0000FF"
else
  //fancy blue background color for modern screens
  document.body.style.background="#87CEFA"

</script>

Try it yourself »


Examples

More Examples

All screen properties in one example


Screen Object Reference Screen Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]