@colorblender/mix v1.0.1

Installation

This package require colorblender to work.

npm install @colorblender/mix

Import

import { colorblender, extend } from 'colorblender';
import { mixExtension } from '@colorblender/mix';

extend([mixExtension]);

Usage

Create colorblender instance

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

Methods

Manipulation

colorblender({ r: 167, g: 40, b: 13 })
  .mix({ r: 28, g: 252, b: 185 }, 0.2)
  .hex(); // #629263

colorblender({ r: 167, g: 40, b: 13 })
  .mixPalette({ r: 28, g: 252, b: 185 }, 5)
  .map((c) => c.hex());
// [
//   '#904B2A',
//   '#796F46',
//   '#629263',
//   '#4AB580',
//   '#33D99C',
// ]

colorblender({ r: 167, g: 40, b: 13 })
  .tints(5)
  .map((c) => c.hex());
// [
//   '#B64C35',
//   '#C4705E',
//   '#D39486',
//   '#E2B7AE',
//   '#F0DBD7',
// ]

colorblender({ r: 167, g: 40, b: 13 })
  .shades(5)
  .map((c) => c.hex());
// [
//   '#8B210B',
//   '#6F1B09',
//   '#541407',
//   '#380D04',
//   '#1C0702',
// ]

colorblender({ r: 167, g: 40, b: 13 })
  .tones(5)
  .map((c) => c.hex());
// [
//   '#A13720',
//   '#9A4533',
//   '#945447',
//   '#8D635A',
//   '#87716D',
// ]

Issues

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

File an issue

License

MIT