Class Harmony`Abstract`

Harmonic color generation. Usually the preferred color space is HSL.

Index

Constructors

Methods

analogous complementary splitComplementary tetradic triadic

Constructors

constructor

new Harmony(): Harmony
Returns Harmony

Methods

`Static`analogous

analogous<C extends PolarColorSpace>(color: C, angle?: number): [C, C, C]
Generates colors adjacent to the base color on the color wheel. Usually creates a calm and comfortable design.
Type Parameters
- C extends PolarColorSpace
Parameters
- color: C
  The input color.
- angle: number = 30
  The angle to apply.
Returns [C, C, C]
[base - angle, base, base + angle]
- Defined in functions/Harmony.ts:34

`Static`complementary

complementary<C extends PolarColorSpace>(color: C): [C, C]
Generates the opposite color on the wheel. High contrast, hard to use in large quantities, best for accents.
Type Parameters
- C extends PolarColorSpace
Parameters
- color: C
  The input color.
Returns [C, C]
[base, base + 180]
- Defined in functions/Harmony.ts:52

`Static`splitComplementary

splitComplementary<C extends PolarColorSpace>(
color: C,
angle?: number,
): [C, C, C]
Generates a variation of the complementary color scheme. Instead of the opposite color, uses the two adjacent to the opposite. High contrast but less tension than complementary.
Type Parameters
- C extends PolarColorSpace
Parameters
- color: C
  The input color.
- angle: number = 30
  The rotation angle.
Returns [C, C, C]
[base, base + 150, base + 210] (assuming 30deg offset)
- Defined in functions/Harmony.ts:70

`Static`tetradic

tetradic<C extends PolarColorSpace>(color: C): [C, C, C, C]
Generates four colors spaced evenly around the color wheel (Square). Works best if you let one color be dominant.
Type Parameters
- C extends PolarColorSpace
Parameters
- color: C
  The input color.
Returns [C, C, C, C]
[base, base + 90, base + 180, base + 270]
- Defined in functions/Harmony.ts:88

`Static`triadic

triadic<C extends PolarColorSpace>(color: C): [C, C, C]
Generates three colors evenly spaced around the color wheel. Offers high contrast while retaining harmony.
Type Parameters
- C extends PolarColorSpace
Parameters
- color: C
  The input color.
Returns [C, C, C]
[base, base + 120, base + 240]
- Defined in functions/Harmony.ts:106