What is color depth?
Your screen’s color depth is shown in the result: the number of bits used to describe the color of each pixel, as your browser reports it. Almost every screen today reports 24-bit.
What color depth means
Each pixel’s color is made of red, green and blue. Color depth says how many bits describe that mix:
- 24-bit (8 bits per channel): 256 levels of each color, about 16.7 million colors. This is the standard for nearly all screens.
- 30-bit (10 bits per channel): 1,024 levels of each color, over a billion colors. Used by HDR and professional displays for smoother gradients.
- 48-bit (16 bits per channel): used in photo editing and professional imaging, rarely reported by browsers.
Color depth and HDR
HDR (high dynamic range) displays need 10-bit color to show bright highlights and subtle gradients without visible banding. Whether your browser reports 30-bit depends on your operating system, whether HDR is turned on, and the browser itself. Many report 24-bit regardless.
Why the value is often 24-bit
Browsers expose color depth through the screen.colorDepth property. Because unusual values make a device easier to identify, some browsers round it to 24 for privacy. Use your system’s display settings to check what your screen really supports, and the screen resolution and device pixel ratio tools for the rest of your display details.