Color utils

Color utils is a small library of color manipulating functions.

Most color takes a color object as input. At minimum it looks like this:

{hue: 10, saturation: 20, lightness: 30}

However there is helper functions that translates a string of hex color (#BADA55) or web hsl (hsl(10, 20%, 30%)) into a color object.

const clrObj = hexToObject('#BADA55')

All functions

autoCssVarOnEvent, cssVarToColorObject, webHslToObject, hexToWebRGB, hexToWebHsl, colorObjToWeb, hexToObject, rgbToObject, hslToObject, rotateHue, getComplementary, getTriadic, saturate, desaturate, lighten, darken, isGrayscale, filterDarkColors, filterlightColors, compareLightness, compareSaturation, compareHue, normalizeSaturation, normalizeLightness, normalizeHue,

Commands

| command | Description | | ---------------- | ----------------------- | | npx changeset | Create a changeset | | pnpm run build | Build out esm/mjs files | | pnpm run lint | Check that ts ok |