Color Harmony

Color harmony uses relationships between colors to create aesthetically pleasing combinations.

Complementary

Colors opposite on the color wheel.

const red = tint.rgb(255, 0, 0);
const complementary = red.complementary(); // Cyan

Analogous

Colors adjacent on the color wheel.

const red = tint.rgb(255, 0, 0);
const [lower, upper] = red.analogous(); // Orange and Yellow

Triadic

Three colors equally spaced (120° apart).

const red = tint.rgb(255, 0, 0);
const [second, third] = red.triadic(); // Green and Blue

Split Complementary

Base color plus two colors adjacent to its complement.

const red = tint.rgb(255, 0, 0);
const [second, third] = red.splitComplementary();

Tetradic (Square)

Four colors equally spaced (90° apart).

const red = tint.rgb(255, 0, 0);
const [second, third, fourth] = red.tetradic();

Running

zig build run-color_harmony

Source

See examples/color_harmony.zig for the complete example.