@colorblender/converter NPM

Installation

npm install @colorblender/converter

Import

import { hexToRgb ,rgbToHex, ... } from '@colorblender/converter';

Usage

Model conversions

You can convert between any of the supported color models.

// model you want to rgb
colorToRgb(colorValue: {{ColorType}}, rounded?: boolean): RgbColor

// rgb to model you want
rgbToColor(rgb: RgbColor, rounded?: boolean): {{ColorType}}

// Alpha
alphaToHex(alpha: number): string;
hexToAlpha(hexAlpha: string, rounded?: boolean): string;

Example

import { rgbToHsl } from '@colorblender/converter';

rgbToHsl({
  r: 255,
  g: 255,
  b: 255,
});

// Rounded
rgbToHsl(
  {
    r: 167,
    g: 40,
    b: 13,
  },
  true,
);

Conversion

You can convert any compatible model to RGB format and vice versa.

To convert two compatible and different RGB models you will have to go through a sub-conversion. For example to convert a HEX value to HSL you will have to do: HEX -> RGB -> HSL. This allows you to convert any compatible model to any other.

Keep in mind that large conversions may result in a loss of accuracy.

For package size reasons, some conversions in less common models are separated into external packages, but require having this package to work.