Skip to main content

Color Scheme Methods

getComplementaryColor()​

Signature​

getComplementaryColor(): Color

Return Type​

Color – The complementary color (180° rotation in HSL).

Example​

const yellow = new Color("#ffff00");
const complementary = yellow.getComplementaryColor();
console.log(complementary.hex); // "#0000ff" (blue)

getAnalogousColors()​

Signature​

getAnalogousColors(): Analogous

Return Type​

[Color, Color, Color] – The base color + two analogous colors (±30° in HSL).

Example​

const orange = new Color("#ffa500");
const analogous = orange.getAnalogousColors();
console.log(analogous.map(c => c.hex)); // ["#ffa500", "#ffd700", "#ff8c00"]

getTriadColors()​

Signature​

getTriadColors(): Triad

Return Type​

[Color, Color, Color] – The base color + two triadic colors (120° apart).

Example​

const red = new Color("#ff0000");
const triad = red.getTriadColors();
console.log(triad.map(c => c.hex)); // ["#ff0000", "#00ff00", "#0000ff"]

getTetradColors()​

Signature​

getTetradColors(): Tetrad

Return Type​

[Color, Color, Color, Color] – The base color + three tetradic colors (90° apart).

Example​

const teal = new Color("#008080");
const tetrad = teal.getTetradColors();
console.log(tetrad.map(c => c.hex)); // ["#008080", "#800080", "#808000", "#008080"]