Learn About Color

Short, plain-language guides to how color works — each paired with a free game to feel it, not just read it.

Color perception is a trainable skill, not fixed talent, and these guides are built to grow it. Each one explains a single idea in plain language — from hue and contrast to how the eye itself works — and points you to a matching daily game so you can feel the effect, not just read about it. Everything here is free; a Personal Pass only adds optional progress tracking, and the education tools let a teacher assign a game with a single link.

Color basics

• Hue, saturation & lightness explained — The three dials — hue, saturation and lightness — that describe any color and let you change one without disturbing the others.
• RGB & hex color codes explained — How screens build color from red, green and blue light, and what a hex code like #3A7BD5 actually says.
• Color temperature: warm vs cool (Kelvin) — Why some colors feel warm and others cool, and how the Kelvin scale puts numbers to that feeling.
• Color harmony: complementary, analogous & triadic — The classic recipes — complementary, analogous and triadic — for picking colors that sit well together.

Contrast & accessibility

• Color contrast explained: WCAG 4.5:1, 3:1 & 7:1 — What the WCAG contrast ratios mean, and how to reach 4.5:1 so text stays easy to read for everyone.
• Color vision differences: an awareness guide — A plain-language look at how color vision varies from person to person, and how to design with that in mind.

How color perception works

• How your eyes see color: cones & trichromacy — Inside the eye: the three cone types whose overlapping signals give us trichromatic color vision.
• How many colors can humans see? — Where the famous 'millions of colors' figure comes from — and why the honest answer is fuzzier.
• Delta-E & the just-noticeable color limit — How Delta-E turns the gap between two colors into a single number, and marks the smallest step you can reliably see.
• Color afterimages: why you see the opposite — Stare, then look away: why a floating opposite color appears, explained by the opponent-process idea.
• Color midpoints: the color halfway between two — What 'halfway between two colors' really means, and why your eye and the math don't always agree.
• Color memory: why exact shades are hard to recall — Why you can recognise a shade at a glance yet struggle to recall it exactly a minute later.

Color theory for artists & designers

• Color wheel relationships: how designers pick hues — How the color wheel becomes practical palettes, and the relationships designers reach for first.
• Simultaneous contrast: why colors shift in context — The same color looks different on different backgrounds — the effect that catches out every beginner.
• Value & saturation: the backbone of composition — Why value and saturation, even more than hue, decide whether a composition holds together.
• How to build a color palette: 60-30-10 & beyond — A step-by-step method, including the 60-30-10 rule, for building palettes that feel balanced.

Teaching color perception

• Teaching color perception: a teacher's handbook: How the color games map to classroom skills, with a game-by-skill matrix and notes on color-vision differences.
• Color perception lesson plans: Ready-to-teach sessions by age group, from color mixing to contrast accessibility, each built around a free classroom game.
• Assessment rubrics for color skills: Low-stakes formative rubrics for matching accuracy, shade discrimination, harmony and contrast awareness.

Teaching, practice and research

• Color perception research bibliography. The peer-reviewed work behind every claim on this hub, grouped by topic.
• A beginner's four-week color perception plan. A few minutes a day for four weeks, built on spaced and interleaved practice.
• Recording and evaluating your color scores. How to keep an honest record, and what a daily number can and cannot tell you.
• Inclusive color teaching. Designing color tasks that work for students with color vision deficiency.
• Teaching color perception in primary school. Age-appropriate activities, and what young children can already discriminate.
• Teaching color perception in secondary school. From naming hues to measuring differences, with assessment that holds up.

More guides

• Can You Train Your Color Vision? An Honest Answer. Practice lowers color discrimination thresholds, but the gains often fail to transfer across hue or retinal location, and training can even shift...
• Color Constancy and The Dress: Why Two People See Different Colors. Color constancy separates a surface from its illumination, but that needs an assumption. The dress photograph removed the cues, so different...
• The Just-Noticeable Color Difference: How Small a Gap Can You See?. What a just-noticeable color difference really is: why it is not one number, what MacAdam ellipses showed, why Delta-E thresholds differ by...
• Color and Working Memory: Why the Shade Slips Away. Color working memory holds only a few items, its precision depends on which color it is, and its errors are biased towards category prototypes and...
• The Farnsworth-Munsell 100 Hue Test: What It Measures. How the Farnsworth-Munsell 100 Hue arrangement test works, how its error score is calculated, why age-stratified norms matter, and what changes...
• Gamma and Perceptual Uniformity: Why 50 Percent Grey Is Not Half as Bright. An sRGB value of 128 emits about 22 percent of white's light but has a CIE lightness of 54. Why gamma encoding exists, how lightness relates to...
• Mach Bands and Banding: Edges That Are Not There. Mach bands are produced by your visual system at the corners of a luminance ramp; banding is produced by a display running out of code values. How...
• OKLCH and Modern Color Spaces on the Web. OKLCH gives perceptual lightness, chroma and hue as near-independent controls, which HSL cannot. What CSS Color 4 defines, how the space compares...

More guides

• Color Management and ICC Profiles Explained. Why one hex code looks different on two screens: what an ICC profile stores, how calibration differs from profiling, what the four rendering...
• Color Naming Across Languages: What the Evidence Shows. The Berlin and Kay sequence and how it was revised, what the Russian siniy and goluboy result actually demonstrated, why the viral Himba claim is...
• Color Order Systems: Munsell, NCS and the CIE. How professionals name a colour without naming a device: Munsell hue, value and chroma, the 1943 renotation, the Natural Colour System's very...
• Dark Mode Color Design: What Inverting Gets Wrong. A dark theme is a second palette, not an inverted one. What the display-polarity research found, why saturated colours glow on black, how to...
• Data Visualization Color Palettes: Sequential, Diverging, Categorical. Which palette family fits which data, why luminance carries order, what is actually wrong with the rainbow colormap, how many categories colour...
• Display Calibration Basics: White Point, Gamma, Luminance. What a monitor calibration actually sets, how calibration differs from profiling, why your eyes adapt away the error you are trying to see, and...
• Print vs Screen Color: Why the Match Is Hard. Additive light against subtractive ink: why CMYK is not a colour space, where the print and screen gamuts really differ, what rendering intents...
• sRGB vs Display P3: Wide Gamut Explained. What fixes a gamut, how much further Display P3 actually reaches, what Pointer's survey of real surface colours says about sRGB's limits, and the...

More guides

• Color Blindness Simulator: Protanopia, Deuteranopia & Tritanopia. See how any color or a 4-color palette shifts under protanopia, deuteranopia and tritanopia using a published simulation model. Awareness tool,...
• Color Contrast Checker: WCAG AA & AAA Ratio. Free live WCAG contrast checker: enter two colors and see the exact ratio plus AA/AAA pass or fail for normal and large text. Nothing leaves your...
• Delta-E Calculator: CIE76, CIE94 & CIEDE2000. Free Delta-E calculator: compare two colors under CIE76, CIE94 and CIEDE2000 at once, with the just-noticeable-difference threshold explained.

More guides

• Aphantasia and Color Memory: When You Can't Picture a Shade. Aphantasia is the inability to voluntarily picture something. What that does, and does not do, to color perception, color working memory, and...

Play the daily color games

Ready to try your eye? Start with today's Huekle games. Also explore our sister sites for the ear and for timing: Hearkle (pitch) and Chronkle (tempo).