Every color you see can be described with just three traits: its hue (which color family it belongs to), its saturation (how intense it is) and its value (how light or dark it is). Once you can name those three things, color stops feeling like a mystery and starts feeling like a set of dials you can turn.
This guide covers those traits, the primary, secondary and tertiary colors, and the three color models people argue about: RGB, RYB and CMYK. We also explain why the same red can look different on your phone and on a painted wall. Facts here are measurable; where we give taste-based advice, we say so.
Hue: the name of the color
Hue is the part of a color you would name out loud: red, orange, yellow, green, blue, violet. It is the position of the color around the color wheel, and it is the one trait that does not depend on how bright or pale the color is. A pale pink and a deep maroon can both share a red hue.
On screens, hue is often given as an angle from 0 to 360 degrees. Pure red sits at 0, yellow at 60, green at 120, cyan at 180, blue at 240 and magenta at 300. That is a measurable fact, and it is the reason software can slide smoothly from one hue to the next.
The row above shows six screen hues at full intensity: red #FF0000, yellow #FFFF00, green #00FF00, cyan #00FFFF, blue #0000FF and magenta #FF00FF.
Saturation: how strong the color is
Saturation describes how pure or vivid a hue looks. A fully saturated red looks like a fire truck. Mix in gray, or add a bit of its opposite color, and the red becomes brick, rust, then a muted clay. The hue is still red, but it is quieter.
Low saturation is not a flaw. Most rooms people enjoy living in are built from low and medium saturation colors, with one or two stronger notes. We like to think of saturation as volume: you rarely want everything at maximum.
That row steps from a vivid red (#E63946) down toward a plain gray (#858585) while keeping a similar lightness. Same family, shrinking intensity.
Value: light versus dark
Value is how light or dark a color is, regardless of hue. If you took a photo of your painting and turned it black and white, you would see only value. Artists check this all the time because value does most of the work of making shapes readable.
This matters for a practical reason: two colors with different hues but the same value can blend together, especially for people with color vision differences. A mid-green and a mid-red of the same lightness look different in color but almost identical in grayscale. When you need things to stand out, change the value first and the hue second.
Primary, secondary and tertiary colors
Color families are usually built in three layers. Primary colors are the starting set that, in theory, cannot be made by mixing others. Secondary colors come from mixing two primaries. Tertiary colors come from mixing a primary with its neighboring secondary.
| Layer | Traditional paint (RYB) | Screen light (RGB) | Print ink (CMYK) |
|---|---|---|---|
| Primary | Red, yellow, blue | Red, green, blue | Cyan, magenta, yellow |
| Secondary | Orange, green, violet | Cyan, magenta, yellow | Red, green, blue (approx.) |
| Tertiary | Red-orange, yellow-green, blue-violet and so on (six in all) | Orange, chartreuse, spring green, azure, violet, rose | In-between mixes |
So there are twelve basic hues in the classic wheel: three primary, three secondary and six tertiary. The word “primary” always depends on which system you are using, which is why the next section matters.
Additive versus subtractive color
Screens make color by adding light. Start with black (no light), then add red, green and blue light. Add all three at full strength and you get white. This is additive mixing, and it is why a monitor can glow.
Paint, ink, dye and fabric work the other way. They start with white (paper or canvas reflecting all light) and subtract wavelengths by absorbing them. Add more pigment and the result gets darker, drifting toward a muddy brown or near-black. This is subtractive mixing.
Neither system is wrong. They simply describe two different physical situations, and mixing advice from one often fails in the other. Blue light plus yellow light does not give green on a screen; it gives a grayish white.
RGB, RYB and CMYK compared
Three models cover almost every question a hobbyist will ask.
| Model | Type | Used for | Strength | Limit |
|---|---|---|---|---|
| RGB | Additive light | Screens, cameras, web hex codes | Huge range of bright colors | Cannot be printed or painted exactly |
| RYB | Traditional subtractive | Art classes, color wheels for painters | Easy to teach and remember | Cannot mix a clean bright cyan or magenta |
| CMYK | Subtractive ink | Printers, magazines, labels | Matches how ink behaves on paper | Smaller range than RGB, especially bright blues and greens |
RYB is a teaching model rather than a precise physical one. Real paint pigments do not follow it perfectly, which is why painters often keep a warm and a cool version of each primary. We cover that approach in the color mixing guide.
Why screens and paint disagree
The hex code you pick on a screen, such as #2A9D8F, is a set of three numbers telling your display how much red, green and blue light to emit. A painted wall does not emit anything. It reflects whatever light falls on it, so morning sun, a warm lamp and a cloudy afternoon can each shift the same paint.
A few reliable habits help. Judge a paint sample on the actual wall, at several times of day, next to your floor and fabrics. Treat any on-screen swatch as a hint, not a promise. And remember that a phone set to a bright, cool display will make everything look cleaner than it will in a lamp-lit living room.
Safety note: when you mix real paints, work with some ventilation and keep sealed lids on containers you are not using.
When to use it
- Before choosing a paint color, so you can say whether you want it lighter, duller or a different hue.
- When two colors you like look wrong together and you need to figure out which trait is off.
- When moving a design from a screen to paper, fabric or a wall.
- When buying craft supplies and deciding which set of primaries to start with.
- When teaching kids or friends how color works with a simple three-part vocabulary.
Common mistakes
Mixing up hue and value
Calling a color 'darker' when you mean 'a different color' leads to the wrong paint. Decide first whether you want to change the family or just the lightness.
Trusting screen colors for paint
A swatch on a phone is emitted light and a painted wall is reflected light. Always test the real material in the real room.
Maxing out saturation everywhere
When every color is at full intensity, nothing stands out. Let one color lead and keep the others quieter.
Ignoring value
Pairing colors with matching lightness makes shapes and text hard to read. Check your design in grayscale before you commit.
Recommended combinations
Editorial suggestion These palettes are starting points we like. Open one in the tools to adjust it or check its contrast.
Screen primaries
The three additive primaries at full strength. Useful as a reference for what a screen can do, though we would not decorate a room with them.
Open in Palette Builder ComparePainter's primaries
A friendly red, yellow and blue that behave well in acrylics and gouache. A good starter trio for a first wheel.
Open in Palette Builder CompareSoft secondaries
Orange, green and violet toned down a little. We find these easier to live with on walls and textiles.
Open in Palette Builder CompareValue ladder
One warm neutral stepped from light to dark. A handy checker for whether your project has enough value range.
Open in Palette Builder ComparePractical DIY applications
- Make a grayscale check. Snap a photo of your paint swatches or fabric pile and switch it to black and white. If two pieces look identical, they have the same value and will blend together on a wall or quilt.
- Build a saturation strip. Paint a row of squares on cardstock, starting with a pure hue and adding a tiny bit of gray to each step. Keep it as a pocket reference when you shop for paint.
- Compare screen and print. Print a favorite digital palette on plain paper and hold it next to the screen. Note which colors shift most, then adjust before you mix real paint.
- Label your craft stash by value. Sort fabric scraps or yarn from lightest to darkest, ignoring hue. You will quickly see where your supply has gaps and which pieces can create contrast.
Try it with the tools
Use the Palette Builder to generate schemes from any color, or Color Compare to check how two colors work together.
Projects to try
Paint Your Own 12-Hue Color Wheel
Mix twelve hues from three primaries and see exactly how colors relate on a wheel you made yourself.
Acrylic Mixing Chart From Three Primaries
A painted grid of every mix you can make from three primaries and white, ready to pin up and copy from.
Tint and Shade Swatch Book
A pocket-size book of painted value scales you can flip through whenever you need to choose a lighter or deeper version.
Questions people ask
What is the difference between hue and color?
Hue is only the family, such as red or blue. A color is hue plus saturation plus value, so navy and sky blue are one hue but two different colors.
Are red, yellow and blue really the primary colors?
They are the primaries of the traditional RYB teaching model. In light-based RGB the primaries are red, green and blue, and in printing they are cyan, magenta and yellow.
Why does my printed color look duller than my screen?
Screens emit light and can show very bright colors that ink on paper cannot reach. CMYK printing has a smaller range, so vivid blues and greens usually lose punch.