RGB (Red, Green, Blue) is a color model used for digital screens where colors are created by mixing light in different intensities.
CMYK (Cyan, Magenta, Yellow, Black) is used for printing, where colors are formed by mixing ink pigments.
HSL (Hue, Saturation, Lightness) describes colors based on their shade (hue), intensity (saturation), and brightness (lightness).
LAB (CIELAB) A perceptual color model based on human vision.
L* represents lightness (0 = black, 100 = white).
a* represents the green–red axis.
It’s designed so equal changes in values correspond to equal changes in perceived color.
XYZ (CIE 1931) A device-independent color space created from human eye response curves.
X, Y, Z are not colors but coordinates in a 3D color space.
Y represents luminance (brightness), while X and Z represent color information
Acts as a reference model for converting between different color spaces like RGB, LAB, CMYK.
HSV (Hue, Saturation, Value) A more intuitive way to describe colors for artists and designers.
Hue is the type of color (0–360° on a color wheel).
Saturation measures color intensity (0% = gray, 100% = full color).
Value indicates brightness (0% = black, 100% = full brightness).
The HWB color model stands for Hue, Whiteness, Blackness.
Hue (H) → The basic color (0–360° on the color wheel, like red, green, blue, etc.).
Whiteness (W) → How much white is mixed in (0–100%).
Blackness (B) → How much black is mixed in (0–100%).
It’s similar to HSL/HSV but is considered more intuitive for picking colors—especially in design—because you think in terms of “pick a color, then make it lighter or darker.”
Model | Full Name | Components | Typical Ranges | Purpose / Usage | Notes |
RGB | Red, Green, Blue | R, G, B | 0–255 each (or 0–1) | Digital screens, web, displays | Additive model – mixing increases brightness |
CMYK | Cyan, Magenta, Yellow, Key (Black) | C, M, Y, K | 0–100% each | Printing & physical media | Subtractive model – mixing absorbs light |
HSL | Hue, Saturation, Lightness | H, S, L | H: 0–360°, S & L: 0–100% | Design, UI, easier color adjustments | Based on human perception of color |
HSV | Hue, Saturation, Value | H, S, V | H: 0–360°, S & V: 0–100% | Design, graphics, lighting control | Similar to HSL but uses Value instead of Lightness |
LAB | CIELAB | L*, a*, b* | L: 0–100, a*: ~-128 to 127, b*: ~-128 to 127 | Accurate color measurement, photography, industry | Perceptually uniform; device-independent |
XYZ | CIE 1931 XYZ | X, Y, Z | Typically 0–1 or scaled values | Reference space for conversions | Derived from human vision experiments |