Screen colorDepth Property

JavaScript Screen Object

colorDepthA read-only property that returns the color depth of the screen.

colorDepth is used to represent the number of bits used to represent the color of a single pixel.

colorDepth indicates how many colors the device screen can produce.

For example, the color depth is8The screen can produce256Colors (2 ⁸)

Syntax:

screen.colorDepth

var x = "Color Depth: "　+　screen.colorDepth;

Browser compatibility

All browsers fully support the colorDepth property:

Technical details

More Examples

This example displays all screen properties:

var txt = "";
txt　+= "<p>Total width/height: "　+　screen.width　+　"*"　+　screen.height　+　"</p>";
txt　+= "<p>Available width/height: "　+　screen.availWidth　+　"*"　+　screen.availHeight　+"</p>";
txt　+= "<p>Color depth: "　+　screen.colorDepth　+　"</p>";
txt　+= "<p>Color resolution: "　+　screen.pixelDepth　+　"</p>";
document.write(txt);

Related References

screen reference:screen.availHeight property

screen reference:screen.availWidth property

screen reference:screen.height property

screen reference:screen.width property

screen reference:screen.pixelDepth property

JavaScript Screen Object