HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>pixelDepth label</title>
</head>
<body>
  <pre id="out"></pre>
  <script>
    function labelDepth(bits) {
      if (bits < 8) return "very low color";
      if (bits < 16) return "256-color class";
      if (bits < 24) return "high color";
      return "true color (or reported as 24)";
    }
    var bits = screen.pixelDepth;
    document.getElementById("out").textContent = [
      bits,
      labelDepth(bits)
    ].join("\n");
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Screen.pixelDepth — label (Try It)