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 |