All Tools

Color Harmony Generator

Input a base color and instantly generate complementary, triadic, analogous, split-complementary, tetradic, and monochromatic palettes with hex, RGB, and HSL values. Built for painters and digital artists who need theoretically grounded color schemes.

Base Color

HSL Values

Hue

351°

Sat

80%

Light

49%

Pigment Presets

Press Esc to reset

Harmony Scheme

Complementary Palette

Base

rgb(225, 25, 55)

hsl(351, 80%, 49%)

Complement

rgb(25, 225, 195)

hsl(531, 80%, 49%)

Color Wheel Position

BaseComplement

Base hue at 351°. Connected lines show the geometric relationship between hues.

All Harmony Schemes

Complementary

Analogous

Triadic

Split Complementary

Tetradic (Rectangle)

Monochromatic

How the Color Harmony Generator Works

The tool takes a single base color — either picked from a color picker, typed as a hex code, or selected from a set of common artist pigment presets — and rotates its hue around the HSL color wheel to produce mathematically related colors. For a complementary scheme, it rotates 180 degrees to find the direct opposite. For a triadic scheme, it places two additional colors at 120-degree intervals. Split-complementary uses 150 and 210 degrees. Analogous stays within 30 degrees on either side. Tetradic creates a rectangle with points at 90-degree intervals. Monochromatic keeps the hue fixed and varies lightness in 15-point increments. All calculations happen in HSL space because hue rotation in HSL produces visually consistent results — the same rotation in RGB space produces muddy, unpredictable colors that don't correspond to how pigments actually relate on a color wheel.

Why Color Harmony Matters in Painting

Johannes Itten formalized color harmony theory at the Bauhaus in the 1920s, but painters had been using these relationships intuitively for centuries. Vermeer's interiors rely on analogous blues and yellows. Turner's sunsets pit complementary oranges against ultramarine blues. The reason these schemes work is physiological: the human eye contains three cone types that respond to different wavelengths, and harmonious color combinations balance the stimulation across all three. Complementary schemes create maximum contrast because they stimulate opposing cone responses. Analogous schemes feel calm because they stimulate similar responses. Triadic schemes feel vibrant because they distribute stimulation evenly. Understanding which scheme you're using — and why — lets you control the emotional register of a painting rather than stumbling into a palette by accident.

Practical Applications for Your Workflow

If you're planning a portrait series, start with the dominant skin tone as your base color and generate a split-complementary palette to find shadow and accent colors that won't look muddy. Landscape painters can input the dominant green of a summer field and use the analogous scheme to find the yellow-greens and blue-greens for varied foliage. Digital illustrators working in Procreate or Photoshop can copy the hex codes directly into their color picker. Oil painters can use the generated hues as mixing targets, then cross-reference with the Paint Mixing Calculator to work out the ratios. Brand designers can input a company's primary brand color and generate a tetradic palette for a rich, multi-color identity system. The monochromatic scheme is particularly useful for value studies — it gives you five distinct lightness levels of the same hue for underpainting or grisaille work.

Expert Tips and Common Pitfalls

The biggest mistake artists make with color harmony tools is treating the generated hex codes as absolute mixing formulas. A complementary hue of Ultramarine Blue is mathematically an orange around 20 degrees on the HSL wheel, but the actual complementary pigment in oil paint is Cadmium Orange or Burnt Sienna — neither of which is a pure spectral orange. Use the tool to identify relationships, not to replace mixing. Another common issue: saturation. The tool preserves the base color's saturation across all harmony colors, but in practice you'll often want to desaturate your complements. A fully saturated complementary pair can vibrate unpleasantly at the boundary — knock the complement's saturation down 20-30% for a more natural effect. Finally, remember that color harmony is a starting point, not a rule. The strongest paintings break harmony rules deliberately to create tension. Use this tool to understand the default, then deviate with intention.

Frequently Asked Questions

Common questions about this tool

What color harmonies does this tool generate?
The tool generates six standard harmony schemes from any base color: complementary (direct opposite on the color wheel), analogous (neighboring hues), triadic (three evenly spaced colors), split-complementary (base plus two colors adjacent to the complement), tetradic (two complementary pairs forming a rectangle), and monochromatic (variations in lightness and saturation of a single hue).
How do I use the generated palette in my painting?
Pick a base color that matches your dominant pigment — say Ultramarine Blue for a nighttime sky painting. The complementary scheme gives you the orange-ochre accent for warm light sources. The analogous scheme gives you neighboring blues and violets for gradient skies. Copy the hex codes and mix them using the Paint Mixing Calculator, or use them directly in digital painting software like Procreate or Photoshop.
Why does the tool use HSL instead of RGB for calculations?
HSL (Hue, Saturation, Lightness) maps directly to how artists think about color. Hue corresponds to the pigment choice, saturation to the intensity of the pigment, and lightness to how much white or black you've mixed in. RGB values are useful for screen display but don't correspond to physical mixing behavior. The tool shows both so you can use whichever your workflow requires.
Can I export the generated palettes?
Yes, the Export Palette button downloads a JSON file containing the base color, HSL values, harmony type, and all generated colors with their hex, RGB, and HSL values. You can import this into design software or save it as part of your project documentation.
Are the pigment presets based on real paint colors?
Yes, the preset swatches correspond to common artist pigments: Cadmium Red, Ultramarine Blue, Cadmium Yellow, Viridian Green, Burnt Sienna, Alizarin Crimson, Titanium White, Ivory Black, Yellow Ochre, Phthalo Blue, Sap Green, and Raw Umber. These match the standard palette used in most oil and acrylic painting curricula.

More Creative Tools

Explore other utilities for your artistic workflow

Color Palette Generator

Extract beautiful color palettes from any image with hex and RGB codes.

Try it

Commission Price Calculator

Calculate fair pricing for artwork commissions based on time, materials, and experience.

Try it

Print Size Calculator

Determine optimal print sizes for digital artwork based on dimensions and DPI.

Try it
View all tools