Colour Depth and Quantisation
Lesson notes
Overview
Fewer bits per channel means fewer shades and visible banding. This topic is rated beginner and is number 38 of 117 in Computer Science. Core ideas and first intuitions. No prior knowledge needed.
What you are seeing
The panel above shows an interactive animation of the idea. Every slider changes one quantity so you can see its effect on the outcome. The animation is drawn live from the model, so everything you see responds to the sliders. Press Space to pause, use Restart to replay from the start, and change the speed to slow down quick events.
In depth
Colour depth is the number of bits used per pixel. With 8 bits per channel there are 24 bits in all and 16.7 million colours; with 4 bits per channel there are only 4,096, and with fewer bits smooth gradients turn into visible bands. Reducing the number of colours, quantisation, saves memory, as in GIF images limited to 256 colours, and dithering can hide the banding by mixing pixels of nearby colours.
Reading the relationship
The expression "colours = 2^(3·bits)" is a compact summary of the idea. It uses the symbols c, o, l, u, r, s; name what each one stands for before you start. Then use the sliders to see how changing one quantity changes the others.
A guided exploration
1. Run the animation once with the default settings and describe in words what happens. 2. Change one slider at a time and note which quantity responds most. 3. Push each slider to its extreme and decide whether the result still makes sense.
Try this
Start by only moving one slider at a time. Say aloud what you expect, then check.
Common pitfalls
Test small inputs by hand and then the largest ones. Off-by-one errors and forgetting how cost grows with input size are the most common traps.
How it connects
It builds on “RGB Colour and Hex Codes”, the topic before it in Computer Science. Once you are comfortable, continue with “Image Resolution and Pixels”.
Why it matters
Computing ideas decide how fast, how safely and how well software can solve problems.
Where you might use it
- Revising “Colour Depth and Quantisation” before a class, exam or certification
- Choosing the right algorithm or data structure when writing software or apps
- Debugging programs and judging how fast or how safely code will run at scale
- Understanding how search engines, games, phones and AI systems make decisions
Frequently asked questions
What is Colour Depth and Quantisation?
Fewer bits per channel means fewer shades and visible banding. It is a beginner topic in Computer Science.
How do I use the Colour Depth and Quantisation simulation?
The panel at the top shows an interactive animation of the idea. Every slider changes one quantity so you can see its effect on the outcome. Move the sliders one at a time, then press Space to pause the animation and look closer.
What does the formula mean?
The expression colours = 2^(3·bits) packs the idea into symbols. Name each symbol first, then change one quantity with the sliders and see which others respond.
Who is this topic for?
Core ideas and first intuitions. No prior knowledge needed. If the quiz feels hard, reread the lesson notes and try the previous topic first.
What should I learn before this?
Start with “RGB Colour and Hex Codes”, the previous topic in Computer Science. Each topic in a subject builds on the ones before it.
How do I track my progress?
Press “Mark as learned” on this page. Progress is stored only in this browser and is never sent anywhere. The Browse page can show topics you have learned or still need to learn.