Color Theory logo

Color Theory

Community
Tibsfox
color-theory

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.

Overview

PublisherTibsfox
Repositorygsd-skill-creator
Skill namecolor-theory
Stars
70
Forks
9
Bundled files
Instructions only
Links
  • Markdown instructions

    A SKILL.md file the model loads on demand, so it only costs tokens when a request actually matches.

  • Works with any LLM

    AI skills are plain Markdown, not provider-specific code, so this works with GPT, Claude, Gemini, Grok, or a local model.

  • Self-contained

    Everything the model needs lives in the instructions — no extra files to sync.

  • Open source

    Published by Tibsfox on GitHub. Read the source before you install it.

Installation

Install the Color Theory AI skill in TypingMind to use it with any LLM, or drop it into another agent that reads SKILL.md.

1

Install in TypingMind

TypingMind installs a skill straight from its GitHub folder — it reads SKILL.md, bundles the resource files, and stores the result locally.

  1. Open the app and go to Plugins → Skills.
  2. Choose "Install from GitHub".
  3. Paste the skill folder URL below and confirm.
  4. Enable the skill in any chat where you want it available.
Plugins → Skills → Add skill → From GitHub URL, then paste the folder URL and press Continue.
2

Install in another agent

Any agent that reads the Agent Skills format can use this skill — copy the folder into that agent's skills directory.

Claude Code — .claude/skills
git clone --depth 1 https://github.com/Tibsfox/gsd-skill-creator.git /tmp/gsd-skill-creator
mkdir -p .claude/skills
cp -r /tmp/gsd-skill-creator/examples/skills/art/color-theory .claude/skills/color-theory
Restart Claude Code after copying so it picks up the new skill.

Use it in TypingMind

Enable Color Theory in any TypingMind chat and the model takes it from there. Its name and description sit in the system prompt, and the moment a request matches, the model loads the full instructions itself — you never invoke it by hand, and it costs no tokens until it is actually used.

The model loads Color Theory on its own as soon as a request matches it.

Works with any AI model

AI skills are plain Markdown instructions rather than provider-specific code, so Color Theory is not tied to the model it was written for. Install it once in TypingMind and use it with GPT-5, Claude, Gemini, Grok, DeepSeek, Mistral, Llama, or a local model you run yourself — all on your own API keys.

  • Loaded only when it is needed

    The system prompt carries just the name and description. The instructions are fetched on the first matching request, so an idle skill costs nothing.

  • Switch models mid-chat

    Because the skill is instructions rather than code, changing model does not break it — the next model reads the same SKILL.md.

Skill instructions

This is the SKILL.md content the model loads. Read it before installing — a skill is instructions your model will follow.

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.

PropertyDefinitionRange
HueThe color's position on the spectrum (red, orange, yellow, green, blue, violet)Circular -- wraps from violet back to red
ValueLightness or darknessWhite (highest) to black (lowest)
SaturationPurity or intensity -- distance from neutral grayFull 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.

SchemeDefinitionCharacter
ComplementaryTwo hues opposite on the wheel (e.g., red/green, blue/orange)Maximum contrast, vibrant when saturated, neutral when mixed
AnalogousThree to five adjacent hues (e.g., yellow, yellow-green, green)Harmonious, low contrast, unified
TriadicThree hues equally spaced (e.g., red, yellow, blue)Balanced, colorful, complex
Split-complementaryOne hue plus the two hues adjacent to its complementHigh contrast with more nuance than straight complementary
MonochromaticA single hue at varying values and saturationsElegant, 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

  1. Value contrast: A medium gray appears lighter on a dark ground and darker on a light ground.
  2. Hue shift: A neutral gray appears to take on the complement of its surrounding hue. Gray on a red ground looks slightly greenish.
  3. 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.
  4. 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.

Frequently asked questions

What does the Color Theory AI skill do?

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.

Why use Color Theory on TypingMind?

Because you install it once and use it with any model. Color Theory is plain Markdown rather than provider-specific code, so the same skill runs on GPT-5, Claude, Gemini, Grok, or a local model — and you can switch model mid-chat without it breaking. TypingMind runs on your own API keys, so you pay providers directly instead of a per-seat subscription, and your skills and chats stay in your own storage.

How do I install Color Theory in TypingMind?

Open Plugins → Skills → Install from GitHub in TypingMind and paste https://github.com/Tibsfox/gsd-skill-creator/tree/main/examples/skills/art/color-theory. TypingMind reads its SKILL.md and installs it as a skill you can enable per chat.

Which AI models can use Color Theory?

Any model you connect in TypingMind. AI skills are plain Markdown instructions rather than provider-specific code, so GPT, Claude, Gemini, Grok, and local models can all load this skill when a request matches it.

How many AI models can I use with Color Theory?

As many as you like. As long as a model supports skills, you can use Color Theory with it — GPT, Claude, Gemini, Grok, DeepSeek, Mistral, Llama and more — all on TypingMind with your own API keys.

Is the Color Theory AI skill free?

It is published on GitHub by Tibsfox. Check the repository for licensing terms. You only pay your own AI provider for the tokens you use.

What are AI skills?

An AI skill is a reusable instruction bundle that teaches an AI model how to do one specific task. It follows the open Agent Skills format: a SKILL.md file with a name and description, plus any scripts, templates or reference files the model may need. The model reads the instructions only when your request matches the skill, so an installed skill costs nothing until it is used.

How are AI skills different from plugins or MCP servers?

A plugin or MCP server gives a model new tools to call — code that runs somewhere and returns a result. An AI skill gives the model knowledge and process instead: how to approach a task, which steps to follow, what good output looks like. Skills are plain Markdown, so they need no server, no API key and no runtime, and they work with any model.

View all

Set up your own AI workspace now

Get notified about new features and future giveaways by subscribing to our newsletter 👇