@colorblender/harmony

Harmony extension for Colorblender.

Installation

This package require colorblender to work.

npm install @colorblender/harmony

Import

import { colorblender, extend } from 'colorblender';
import { harmonyExtension } from '@colorblender/harmony';

extend([harmonyExtension]);

Usage

Create colorblender instance

colorblender({ r: 0, g: 0, b: 0 });
colorblender({ r: 0, g: 0, b: 0, a: 1 });

Methods

Manipulation

.harmonies(type: HarmonyType)

colorblender({ r: 167, g: 40, b: 13 })
  .harmonies('analogous')
  .map((c) => c.hex()); // ['#A70D3E', '#A7290D', '#A7760D']

colorblender({ r: 167, g: 40, b: 13 })
  .harmonies('complementary')
  .map((c) => c.hex()); // ['#A7290D', '#0D8BA7']

colorblender({ r: 167, g: 40, b: 13 })
  .harmonies('split-complementary')
  .map((c) => c.hex()); // ['#A7290D', '#0DA776', '#0D3EA7']

colorblender({ r: 167, g: 40, b: 13 })
  .harmonies('double-split-complementary')
  .map((c) => c.hex()); // ['#A70D3E', '#A7290D', '#A7760D', '#0DA776', '#0D3EA7']

colorblender({ r: 167, g: 40, b: 13 })
  .harmonies('tetradic')
  .map((c) => c.hex()); // ['#A7290D', '#3EA70D', '#0D8BA7', '#760DA7']

colorblender({ r: 167, g: 40, b: 13 })
  .harmonies('triadic')
  .map((c) => c.hex()); // ['#A7290D', '#0DA729', '#290DA7']

colorblender({ r: 167, g: 40, b: 13 })
  .harmonies('rectangle')
  .map((c) => c.hex()); // ['#A7290D', '#8BA70D', '#0D8BA7', '#290DA7']

Issues

Please file an issue for bugs, missing documentation, or unexpected behavior.

File an issue

License

MIT