Color Theory
Learn color properties, mixing systems, and schemes for art and design.
Installation
- Make sure Claude is on your device and in your terminal.
Skills load from
~/.claude/skills/when Claude Code starts up — so you need it on your machine first. If you don't have it yet, install it once with the command below, then runclaudein any terminal to verify.One-time setupnpm i -g @anthropic-ai/claude-codeAlready have it? Skip ahead.
- Paste into Claude Code or into your terminal.
This copies the whole skill folder into
~/.claude/skills/color-theory-tibsfox/— the SKILL.md plus any scripts, reference docs, or templates the skill ships with. Safe default: works for every skill.Faster alternative (instruction-only skills)
Skips the clone and grabs only the SKILL.md file. Don't use this if the skill ships Python scripts, reference markdowns, or asset templates — they won't be downloaded and the skill will fail when it tries to load them.
Quick install (SKILL.md only)Sign up to copy - Restart Claude Code.
Quit and reopen Claude Code (or any other agent that loads from
~/.claude/skills/). New skills are picked up on startup. - Just ask Claude.
Skills auto-activate when your request matches the skill's description — no slash command needed. Trigger phrases live in the skill's own frontmatter; you can read them in the “What this skill does” section above.
Prefer to read the source first? Open on GitHub.
When Claude uses it
Color theory principles for art education. Covers the three color properties (hue, saturation, value), color mixing systems (subtractive and additive), color relationships (complementary, analogous, triadic, split-complementary), color temperature, simultaneous contrast and the relativity of color perception, and practical palette construction. Use when analyzing color in artworks, planning color schemes, understanding optical phenomena in painting, or investigating Albers's Interaction of Color experiments.
What this skill does
Color Theory
Color is the most relative medium in art. A single hue appears warm or cool, bright or dull, advancing or receding depending entirely on the colors surrounding it. Josef Albers demonstrated this rigorously in Interaction of Color (1963): the same gray rectangle placed on a black background appears lighter than the identical gray on a white background. This skill covers the fundamental properties of color, mixing systems, relational color schemes, and the perceptual phenomena that make color theory essential to every visual art discipline.
Agent affinity: albers (color/design), okeefe (color in natural abstraction)
Concept IDs: art-color-value-composition, art-seeing-drawing
Color Properties
Every color has three independently variable properties. Mastering color requires the ability to identify and manipulate each property independently.
| Property | Definition | Range |
|---|---|---|
| Hue | The color's position on the spectrum (red, orange, yellow, green, blue, violet) | Circular -- wraps from violet back to red |
| Value | Lightness or darkness | White (highest) to black (lowest) |
| Saturation | Purity or intensity -- distance from neutral gray | Full saturation (pure hue) to zero saturation (gray) |
Hue
Hue is what most people mean when they say "color." The traditional painter's color wheel arranges hues in a circle: red, red-orange, orange, yellow-orange, yellow, yellow-green, green, blue-green, blue, blue-violet, violet, red-violet. The circle is useful because relationships between hues (complementary, analogous, triadic) are geometric positions on this circle.
Value
Value is the most structurally important property. A painting with correct values and wrong hues will read correctly from across a room. A painting with correct hues and wrong values will look flat and confusing. Value is independent of hue -- every hue has a natural value (yellow is inherently light, violet is inherently dark), and mastering color means learning to push hues above or below their natural value when the composition demands it.
Saturation
Saturation describes how pure a color is. Cadmium red out of the tube is near full saturation. Adding its complement (green) or adding gray progressively desaturates it toward a neutral brownish gray. Most natural environments are dominated by low-saturation colors, with high-saturation accents. Beginners tend to use too much saturation everywhere, producing garish results.
Color Mixing Systems
Subtractive mixing (paint, ink, pigment)
When you mix paints, you are combining pigments that each absorb (subtract) certain wavelengths and reflect others. The more pigments combined, the more light is absorbed, so mixtures tend toward dark, neutral tones.
Subtractive primaries: cyan, magenta, yellow (CMY). The traditional "red, yellow, blue" model is an approximation that works reasonably for pigment but is less precise.
Key principle: Mixing all three subtractive primaries produces a near-black neutral. Mixing two primaries produces a secondary: cyan + magenta = blue-violet, cyan + yellow = green, magenta + yellow = red-orange.
Additive mixing (light, screens, projection)
When you mix light, you are adding wavelengths together. The more light combined, the brighter the result.
Additive primaries: red, green, blue (RGB). Mixing all three at full intensity produces white.
Key principle: Additive mixing applies to digital art, stage lighting, and any context where the medium emits light rather than reflecting it.
Optical mixing (pointillism, halftone, woven textiles)
When small dots or strands of different colors are placed side by side at a scale too fine for the eye to resolve individually, the brain averages them. This is neither purely subtractive nor purely additive -- it is a perceptual phenomenon. Seurat's pointillism and newspaper halftone printing both exploit optical mixing.
Color Relationships
Color schemes are sets of hues selected for their geometric relationship on the color wheel. Each scheme produces a different character.
| Scheme | Definition | Character |
|---|---|---|
| Complementary | Two hues opposite on the wheel (e.g., red/green, blue/orange) | Maximum contrast, vibrant when saturated, neutral when mixed |
| Analogous | Three to five adjacent hues (e.g., yellow, yellow-green, green) | Harmonious, low contrast, unified |
| Triadic | Three hues equally spaced (e.g., red, yellow, blue) | Balanced, colorful, complex |
| Split-complementary | One hue plus the two hues adjacent to its complement | High contrast with more nuance than straight complementary |
| Monochromatic | A single hue at varying values and saturations | Elegant, unified, relies on value contrast |
Color Temperature
Colors are perceived as warm (red, orange, yellow) or cool (blue, green, violet). Temperature is relative -- a red-orange is warm next to blue but cool next to pure orange. Warm colors tend to advance visually; cool colors tend to recede. This phenomenon is a depth cue that painters exploit to create spatial illusion without linear perspective.
Temperature contrast principle: The most luminous, vibrant color effects come from juxtaposing warm and cool versions of the same value level. A cool blue shadow next to a warm yellow-orange light produces chromatic depth even when the value difference is small.
Simultaneous Contrast and Color Relativity
Albers's central teaching: color is the most deceptive medium in art because its appearance is always governed by context.
Simultaneous contrast effects
- Value contrast: A medium gray appears lighter on a dark ground and darker on a light ground.
- Hue shift: A neutral gray appears to take on the complement of its surrounding hue. Gray on a red ground looks slightly greenish.
- Saturation shift: A moderately saturated color appears more vivid next to a desaturated version of the same hue, and duller next to a fully saturated version.
- Edge contrast: The contrast effect is strongest at the boundary between two colors and diminishes with distance.
Albers's pedagogical method
Albers taught color not through theory but through direct experiment with colored papers. Students placed the same physical piece of paper on different grounds and observed its apparent change. This empirical approach -- seeing before naming -- mirrors the observational drawing philosophy of the drawing-observation skill.
Practical Palette Construction
Limited palette strategy
Rather than selecting colors from the full spectrum, experienced painters work from a limited palette (4-6 pigments) chosen for their mixing range. A common limited palette:
- Warm yellow (cadmium yellow or yellow ochre)
- Cool blue (ultramarine blue)
- Warm red (cadmium red or alizarin crimson)
- White (titanium white)
- Optional: a green (viridian) and an earth tone (burnt sienna)
This palette can mix a surprisingly full range of hues while maintaining color harmony, because every mixture shares pigment components.
Palette mapping exercise
Before beginning a painting, create a small chart showing every two-pigment and three-pigment mixture available from your chosen palette. This map reveals the gamut (range) of your palette and prevents mid-painting surprises.
Cross-References
- albers agent: Josef Albers's color relativity experiments and systematic visual investigation. Primary agent for color-theory tasks.
- okeefe agent: O'Keeffe's desert palette (bone white, sky blue, earth red) demonstrates limited palette mastery in service of emotional abstraction.
- drawing-observation skill: Value mapping (Technique 6) is the grayscale foundation of color value.
- art-history-movements skill: Impressionism and Post-Impressionism revolutionized color usage; Fauvism prioritized color over naturalism.
- digital-art skill: Additive color (RGB) and color management are essential for digital practice.
References
- Albers, J. (1963). Interaction of Color. Yale University Press.
- Itten, J. (1961). The Art of Color. Van Nostrand Reinhold.
- Chevreul, M. E. (1839). The Principles of Harmony and Contrast of Colors.
- Munsell, A. H. (1905). A Color Notation. Munsell Color Company.
- Gage, J. (1993). Color and Culture. University of California Press.
Related skills
Art History Movements
Tibsfox
Learn 12 major art movements from Renaissance to contemporary, their key artists, and historical context.
Creative Process
Tibsfox
Guide artists through idea development, critique, and portfolio creation.
PPT Speech Writer
AI272
Generate speaker notes for PowerPoint slides by analyzing text, images, and visual elements.
Ultimate Fusion PPT Master
kdnsna
Convert documents and URLs into editable PowerPoint decks or magazine-style web presentations.