Skip to content

Color API

The Color API provides functionality for color manipulation and conversion. It allows you to create, modify, and analyze colors in different formats.

Importing the API

js
const Color = acode.require('Color');

Usage

js
const color = Color("#ff0000"); // Create a color from hex string

Constructor

Color(color: string)

Creates a new Color instance from a color string.

  • color: A valid CSS color string (hex, rgb, hsl, color name etc.)
js
const red = Color("#ff0000");
const blue = Color("rgb(0,0,255)");
const green = Color("green");

Methods

darken(ratio: number)

Darkens the color by the specified ratio.

  • ratio: Number between 0 and 1 indicating how much to darken
  • Returns: The modified Color instance
js
const color = Color("#ff0000");
color.darken(0.2); // Makes the red 20% darker

lighten(ratio: number)

Lightens the color by the specified ratio.

  • ratio: Number between 0 and 1 indicating how much to lighten
  • Returns: The modified Color instance
js
const color = Color("#ff0000");
color.lighten(0.3); // Makes the red 30% lighter

Properties

isDark

Returns true if the color is considered dark (luminance < 0.5).

js
Color("#000000").isDark // true
Color("#ffffff").isDark // false

isLight

Returns true if the color is considered light (luminance >= 0.5).

js
Color("#ffffff").isLight // true
Color("#000000").isLight // false

lightness

Returns the HSL lightness value of the color (between 0 and 1).

js
Color("#808080").lightness // 0.5

luminance

Returns the perceived brightness of the color (between 0 and 1).

js
Color("#ff0000").luminance // ~0.2126

hex

Returns the hexadecimal representation of the color.

js
Color("rgb(255,0,0)").hex // "#ff0000"

hsl

Returns the HSL representation of the color.

js
Color("#ff0000").hsl // {h: 0, s: 1, l: 0.5}

Released under the MIT License.