Color Depth Calculator
Calculate total colors and uncompressed image sizes from bit depth settings. Choose bits per channel and color channels to see results instantly.
Colour depth (also called bit depth) determines how many distinct colours a display or image can represent. This calculator takes your bits per channel and number of channels to show the total bit depth, total colour count, uncompressed file size at a given resolution, and the common name for that configuration. All calculations run in your browser.
About Color Depth Calculator
How Colour Depth Is Calculated
The maths behind colour depth is straightforward. Each pixel stores a fixed number of bits, split evenly across the colour channels. Those bits are combined to determine the total number of possible colour values.
| Formula | Example (8-bit RGB) |
|---|---|
| Total bit depth = bits per channel x number of channels | 8 x 3 = 24 bits per pixel |
| Total colours = 2^(total bit depth) | 2^24 = 16,777,216 colours |
| Uncompressed size = width x height x (bit depth / 8) bytes | 1920 x 1080 x 3 = 6,220,800 bytes (~5.93 MB) |
Worked example: suppose you have a 10-bit RGB image at 3840 x 2160 (4K). The total bit depth is 10 x 3 = 30 bits per pixel. The total colour count is 2^30 = 1,073,741,824 (roughly 1.07 billion colours). The uncompressed file size is 3840 x 2160 x 30 / 8 = 31,104,000 bytes, which is about 29.66 MB. Real files are far smaller because formats like JPEG, PNG, and AVIF apply compression.
Common Colour Depth Configurations
| Bit Depth | Name | Colours | Where It Is Used |
|---|---|---|---|
| 1-bit | Monochrome | 2 (black and white) | Fax machines, line art, QR codes |
| 8-bit indexed | 256 colours | 256 | GIF images, simple icons, pixel art |
| 16-bit (5-6-5 RGB) | High Colour | 65,536 | Older displays, some embedded systems |
| 24-bit (8-8-8 RGB) | True Colour | 16.7 million | Standard for web images, photos, most displays |
| 30-bit (10-10-10 RGB) | Deep Colour | 1.07 billion | Professional monitors, HDR displays, 10-bit panels |
| 32-bit (8-8-8-8 RGBA) | True Colour + Alpha | 16.7 million + 256 transparency levels | PNG with transparency, compositing, UI rendering |
| 48-bit (16-16-16 RGB) | Deep Colour (16-bit) | 281 trillion | RAW photography, TIFF editing, medical imaging |
Uncompressed File Sizes at Common Resolutions
| Resolution | 8-bit RGB (24bpp) | 10-bit RGB (30bpp) | 16-bit RGB (48bpp) |
|---|---|---|---|
| 1920 x 1080 (Full HD) | 5.93 MB | 7.42 MB | 11.87 MB |
| 2560 x 1440 (1440p) | 10.55 MB | 13.18 MB | 21.09 MB |
| 3840 x 2160 (4K UHD) | 23.73 MB | 29.66 MB | 47.46 MB |
| 7680 x 4320 (8K UHD) | 94.92 MB | 118.65 MB | 189.84 MB |
These are per-frame sizes for uncompressed images. Compression (JPEG, PNG, H.264, etc.) reduces actual file sizes dramatically. A 24-bit JPEG at 1920 x 1080 might come in around 200-500 KB depending on quality setting, compared to 5.93 MB uncompressed. If you need to check how much bandwidth an image or video stream would use, the bandwidth calculator can help estimate transfer times.
8-bit vs 10-bit: When It Matters
The jump from 8-bit to 10-bit is bigger than it sounds. Each channel goes from 256 levels to 1,024, which means four times the tonal precision per channel and 64 times more total colours. In practice, this eliminates colour banding in smooth gradients like blue skies, sunset tones, and skin highlights. According to display testing sites like HardwareTest.org, banding from 8-bit panels is most visible in the 30-70% grey range, exactly where subtle gradients in photos and video tend to sit.
| Aspect | 8-bit | 10-bit |
|---|---|---|
| Colours per channel | 256 | 1,024 |
| Total colours (RGB) | 16.7 million | 1.07 billion |
| Gradient banding | Visible in smooth gradients (sky, skin tones) | Much smoother - 4x the tonal steps |
| HDR support | SDR only | Required for HDR10, Dolby Vision |
| Hardware needed | Any modern display | 10-bit panel + compatible GPU + DisplayPort or HDMI 2.0+ |
| Who needs it | General users, web browsing, gaming | Photographers, video editors, colourists, HDR content |
One thing to watch out for: many budget monitors advertise 8-bit colour but actually use a 6-bit panel with FRC (frame rate control) dithering. These panels rapidly alternate between adjacent colour values to simulate extra shades. The result is close to true 8-bit, but you may still notice slight flickering or banding in smooth gradients compared to a native 8-bit panel.
How Many Colours Can Humans Actually See?
Research based on the CIE 1931 colour model estimates that the human eye can distinguish roughly 10 million colours under ideal lighting conditions, according to studies by Judd and Wyszecki. Under typical viewing conditions, most people perceive closer to 1 million distinct shades. That means 24-bit True Colour (16.7 million values) already exceeds human perception for a single frame. The extra headroom in 10-bit and 16-bit is not about showing colours we could not see before. It is about reducing quantisation errors when applying colour grading, exposure adjustments, or HDR tone mapping. A 16-bit RAW file gives an editor far more room to push shadows or pull highlights without introducing visible banding in the final 8-bit output.
Image Format Bit Depth Support
Different file formats support different maximum bit depths. If you pick a format that caps at 8-bit, it does not matter that your camera captured 14-bit RAW data. The export will be limited to 8-bit precision.
| Format | Max Bit Depth | Alpha Support | Notes |
|---|---|---|---|
| JPEG | 8-bit | No | Lossy compression, most common web format |
| PNG | 16-bit | Yes | Lossless, supports transparency |
| GIF | 8-bit indexed (256 colours) | 1-bit (on/off) | Animations, simple graphics |
| WebP | 8-bit | Yes | Modern web format with better compression than PNG/JPEG |
| TIFF | 32-bit float | Yes | Professional editing, archival |
| AVIF | 12-bit | Yes | Next-gen web format with HDR support, based on AV1 codec |
| OpenEXR | 32-bit float | Yes | VFX and film industry standard for HDR compositing |
AVIF is worth special attention. It supports up to 12-bit colour depth, which makes it the only mainstream web format capable of HDR content. Browser support is now above 93% according to Can I Use data. For standard web delivery though, 8-bit WebP or JPEG remain perfectly fine since monitors displaying the content are typically 8-bit panels anyway.
Colour Depth in Video
Video multiplies the file size problem by the frame rate. A single uncompressed 4K frame at 24-bit colour is 23.73 MB. At 30 frames per second, that is about 712 MB per second of raw video, or roughly 41.7 GB per minute. At 10-bit (30bpp), it jumps to 890 MB per second. This is why video compression codecs like H.264, H.265 (HEVC), and AV1 are so important.
| Resolution | Frame Rate | 8-bit Uncompressed (per minute) | 10-bit Uncompressed (per minute) |
|---|---|---|---|
| 1920 x 1080 | 30 fps | 10.4 GB | 13.0 GB |
| 1920 x 1080 | 60 fps | 20.9 GB | 26.1 GB |
| 3840 x 2160 | 30 fps | 41.7 GB | 52.1 GB |
| 3840 x 2160 | 60 fps | 83.4 GB | 104.3 GB |
Professional cinema cameras like the RED V-Raptor and ARRI ALEXA 35 shoot in 16-bit RAW at resolutions up to 8K, generating terabytes of data per hour. The high bit depth gives colourists maximum flexibility in post-production. Even consumer cameras increasingly shoot 10-bit video. Most phones released since 2023 support 10-bit HEVC recording, and the HDR10 standard specifically requires 10-bit colour depth at a minimum. Dolby Vision supports up to 12-bit.
Common Mistakes with Colour Depth
A few pitfalls that catch people out regularly:
Confusing bit depth with colour accuracy. A 10-bit display can show 1.07 billion colour values, but that does not mean those values are accurate. Colour accuracy depends on calibration and the display's colour gamut (sRGB, DCI-P3, Rec. 2020). A well-calibrated 8-bit sRGB monitor can be more colour-accurate than an uncalibrated 10-bit panel.
Thinking alpha adds visible colours. A 32-bit RGBA image uses 8 bits per channel across four channels, but the fourth channel is transparency, not a new colour dimension. You still get 16.7 million visible colours - the alpha channel just controls how opaque each pixel is.
Ignoring the output format. If you edit a 16-bit TIFF but export as JPEG, the final file is 8-bit regardless. The extra bit depth only helps during editing where intermediate calculations benefit from more precision. Always check what bit depth your final output format supports.
Assuming more bits equals better for web images. Serving 16-bit PNGs on a website produces larger files with no visual benefit on standard 8-bit monitors. Stick to 8-bit for web delivery and reserve higher bit depths for editing and archival.
Forgetting about colour subsampling in video. Video formats often use chroma subsampling (4:2:0, 4:2:2, 4:4:4) which reduces colour resolution even further. A 10-bit 4:2:0 video stores full luma at 10 bits but halves the chroma resolution in both dimensions. So while the bit depth per sample is 10, fewer samples are stored for colour than for brightness. This is a separate concept from bit depth but it affects perceived colour quality.
Choosing the Right Bit Depth
The right bit depth depends on what you are doing with the image or video. For web content and social media, 8-bit is the standard and there is no reason to go higher. Your audience is viewing on 8-bit screens, and the extra data just means slower load times.
For photography, shoot in the highest bit depth your camera offers (typically 12-bit or 14-bit RAW). Do your editing in 16-bit mode in Lightroom, Photoshop, or Capture One. This preserves maximum headroom for adjustments. When you export for web, convert down to 8-bit JPEG or WebP. When you export for print, 8-bit TIFF at 300 PPI is standard, though some print shops accept 16-bit.
For video editing and colour grading, 10-bit source footage gives a solid foundation. If you shoot in 8-bit and need to do heavy grading, you will see banding appear in skies and shadows. Shooting in 10-bit with a codec like ProRes 422 HQ or DNxHR HQX avoids this. For final delivery, most streaming platforms (Netflix, YouTube) accept both 8-bit SDR and 10-bit HDR content.
For gaming, 8-bit SDR is still the default for most titles. HDR gaming requires a 10-bit panel, a compatible GPU (NVIDIA GTX 1000-series or newer, AMD RX 5000 or newer), and a game that supports HDR output. Windows HDR mode enables 10-bit output across the desktop, though some users report washed-out colours if their display is not properly calibrated.
For converting between colour formats like HEX, RGB, and HSL, the colour converter handles all common formats. For comparing screen resolutions and pixel densities, the resolution comparison tool shows side-by-side comparisons. To calculate the pixel density of a specific screen, the retina display calculator shows the effective PPI at any resolution and screen size.
Sources
Frequently Asked Questions
What is color depth?
Color depth (or bit depth) is the number of bits used to represent the color of a single pixel. A higher bit depth means more possible colors. For example, 24-bit color uses 8 bits for each of the red, green, and blue channels, giving 16.7 million possible colors.
What is the difference between True Color and Deep Color?
True Color refers to 24-bit color (8 bits per channel, 16.7 million colors), which is the standard for photos and web content. Deep Color goes beyond that, using 10, 12, or 16 bits per channel for over a billion colors. Deep Color is used in HDR displays and professional photo editing where fine color gradations matter.
How is uncompressed image file size calculated?
Uncompressed size equals width times height times bits per pixel, divided by 8 to convert to bytes. A 1920x1080 image at 24-bit color is about 5.9 MB uncompressed. Actual file sizes are much smaller because formats like JPEG and PNG use compression.
Does the alpha channel affect color count?
The alpha channel controls transparency, not color. An RGBA image with 8 bits per channel uses 32 bits per pixel, but the extra 8 bits store opacity rather than adding visible colors. The file size increases, but the number of visible colors stays the same as RGB.
Why do some monitors support 10-bit color?
10-bit monitors display 1.07 billion colors compared to 16.7 million with 8-bit. This reduces color banding in gradients and gives photographers, video editors, and colorists smoother tonal transitions. You need a compatible GPU and display cable (DisplayPort or HDMI 2.0+) to take advantage of 10-bit output.
Related Tools
Link to this tool
Copy this HTML to link to this tool from your website or blog.
<a href="https://toolboxkit.io/tools/color-depth-calculator/" title="Color Depth Calculator - Free Online Tool">Try Color Depth Calculator on ToolboxKit.io</a>