Skip to main content
BVDART Logo
BVDART
← All guidesDithering & palettes

Bit depth and tonal steps

Bit depth describes how many binary digits encode a sample. More bits provide more representable levels, not necessarily more spatial detail.

Connect a binary word to a tonal staircase

A ramp becomes a staircase8 levels
Quantization staircase against the original diagonalQuantized grayscale ramp

All input values on the same step share one binary code. The source dimensions do not change.

Flip the stored bits
Integer code4
Decoded brightness145.71
q = round(147.0 / 255 × 7) = 4Decoded value = q × 255 / 7 · quantization error = -1.29
Levels per channel2^3 = 8
Possible RGB combinations512

This is effective channel depth, not an indexed palette. RGB combines three independent words. The study still renders inside the browser’s usual image representation.

Keep the source tone fixed while the bit budget grows and the quantization staircase gains levels. Use any control to take over.

What to try
  1. Reduce the bits per channel and move the input brightness across a step.
  2. Flip a stored bit and follow the integer code and decoded brightness.
Open in the Lab ↗

What to look for: Many inputs share a code at low depth. The number of levels is 2^b per channel; the spatial grid never changes.

How it works

One bit represents two levels; eight bits represent 256. For independent RGB channels, b bits per channel allow up to 2^(3b) combinations before considering alpha. An indexed image instead stores a palette index, so its index depth describes a different storage model.

Reducing levels maps many neighboring values to the same result. Smooth ramps develop visible bands. Dithering can disguise those bands by changing the arrangement of samples, but it does not add new stored levels.

Use it in the Lab

The Lab stores eight-bit channels. Posterize and Indexed palette create deliberate color constraints inside that representation. Keep more tonal information until late in a chain when later adjustments still need it.

Posterize ↗

Limits & distinctions

This experiment illustrates effective channel levels. It does not change the editor to a 16-bit or floating-point document format.

Further reading

Bit depth defines the precision of each color channel in a digital image. An 8-bit-per-channel image uses values 0–255 for each of red, green, and blue, yielding 256³ = 16,777,216 possible colors. Reduce that to 1 bit per pixel and you get exactly two colors — pure black and pure white — the foundation of classic monochrome art.

Common Bit Depths

  • 1-bit — 2 colors. Pure black-and-white, no grays. Used in line art, fax, and early pixel art.
  • 4-bit — 16 colors. Classic EGA palette, early Mac OS.
  • 8-bit (indexed) — 256 colors from a palette lookup table. The defining format of GIF and classic pixel art. Each pixel stores an index into a color table rather than the color itself.
  • 24-bit (8-bit per channel) — 16.7 million colors. The standard "true color" format of JPEG, PNG, and most web imagery. Sufficient for photographic content.
  • 48-bit (16-bit per channel) — Trillions of colors. Used in professional photography and HDR workflows. Provides enough headroom for aggressive edits without banding.

The 256-Color Boundary

Our image analysis pipeline uses 256 as the threshold between indexed and RGB analysis modes. This is not arbitrary — it exactly corresponds to the maximum palette size of an 8-bit indexed image. An artwork with 256 or fewer unique colors is almost certainly working within an indexed-color paradigm (pixel art, GIF, limited-palette work), and every single color is intentional and should be preserved.

Above 256 unique colors, the image is effectively true-color, and exact color enumeration becomes meaningless — a solid gradient may contain thousands of mathematically unique but visually similar values. At this point, the system switches to grouped palette extraction using Euclidean RGB distance.

Exponential Precision

2ⁿ: Each additional bit doubles the number of representable values. Going from 8-bit to 10-bit per channel increases the palette from 256 to 1,024 levels per channel — four times the tonal resolution for smoother gradients and less banding.

Key Takeaway

Bit depth determines the vocabulary of color a digital artwork can use. Low bit depths impose creative constraints (which pixel artists embrace), while high bit depths provide the precision needed for photographic subtlety — and the 256-color boundary marks the natural dividing line.

Related Lab categories

Indexed Color Studio ↗

Sources & references

Guide updated