LearnViz CompSci
Home / Learn / Graphics, Vision & Media / Color Models

Beginner Topic 2 of 49 Graphics, Vision & Media

Color Models

RGB, CMYK and HSV ways of representing color.

How it works

A color model describes colors as numbers. RGB is additive, mixing red, green and blue light, and is used by screens and cameras. CMYK is subtractive, using cyan, magenta, yellow and black inks for print. HSV and HSL describe hue, saturation and value or lightness in a way closer to human intuition, and CIELAB is perceptually uniform so distances correspond to visible differences. A color space such as sRGB or Display P3 defines primaries, white point and transfer curve, giving numbers actual meaning.

Where it is used

Image editing, design tools, CSS, video encoding with YCbCr, printing workflows and computer-vision preprocessing all choose a suitable model for the task.

Common pitfall

Mixing values from different color spaces without conversion shifts colors. Gamma-encoded values should be linearized before blending or lighting calculations. RGB-to-CMYK conversion can lose vivid colors outside the printable gamut. Ignoring embedded profiles leads to dull or oversaturated colors. Work in a defined color space, convert explicitly and use perceptual spaces for color differences.

Where it fits in the course

Color Models is topic 2 of 49 in Graphics, Vision & Media, rated Beginner. It follows Pixels and Resolution. The next topic is Raster vs Vector Graphics.

Practice and explore

How to study this topic

  1. Read the explanation above and restate the definition in your own words.
  2. Open the interactive lesson and answer its mini quiz.
  3. Read the common pitfall, then write a short example that avoids it.
  4. Check your understanding in the Graphics, Vision & Media quiz, and revisit the topic if you miss a question.

Frequently asked questions

What is Color Models?
RGB, CMYK and HSV ways of representing color. It belongs to Graphics, Vision & Media and is a beginner-level topic.
Where do people use Color Models?
Image editing, design tools, CSS, video encoding with YCbCr, printing workflows and computer-vision preprocessing all choose a suitable model for the task.
What is the most common mistake with Color Models?
Mixing values from different color spaces without conversion shifts colors.
What should I learn before this topic?
Start with Pixels and Resolution, the topic just before it in Graphics, Vision & Media.
How can I practice it?
Answer the mini quiz in the interactive lesson, then take the Graphics, Vision & Media quiz.
Is Color Models hard to learn?
It is a Beginner topic, so it works as an entry point. If the terms are new, read the explanation twice and try the visualizer before the quiz.
How long does it take to learn Color Models?
Most learners can read the explanation and finish the interactive lesson in under an hour. Fluency comes from applying the idea, so plan a few short practice sessions with the quiz.
Which topics are related to Color Models?
Pixels and Resolution, Raster vs Vector Graphics, Image Formats are closely connected. The full list is in the related topics section of this page.
What should I study after Color Models?
Continue with Raster vs Vector Graphics, the next topic in Graphics, Vision & Media.

Related topics