@kurkle/color

Overview

Fast and small CSS color parsing and manipulation library.

Parsing

Supported formats:

• named

blue
transparent
Copy

• hex

#aaa
#bbba
#1A2b3c
#f1f2f388
Copy

• rgb(a)

rgb(255, 255, 255)
rgb(255, 0, 0, 0.5)
rgb(50%, 50%, 50%, 50%)
rgb(0 0 100% / 80%)
rgba(200, 20, 233, 0.2)
rgba(200, 20, 233, 2e-1)
Copy

• hsl(a)

hsl(240deg, 100%, 50.5%)
hsl(0deg 100% 50%)
hsla(12, 10%, 50%, .3)
hsla(-1.2, 10.2%, 50.9%, 0.4)
Copy

• hwb

hwb(240, 100%, 50.5%)
hwb(244, 100%, 100%, 0.6)
Copy

• hsv

hsv(240, 100%, 50.5%)
hsv(244, 100%, 100%, 0.6)
Copy

Docs

typedocs

note The docs are for the ESM module. UMD module only exports the default export

Documentation Generation

The documentation is automatically generated using TypeDoc and deployed to GitHub Pages whenever changes are pushed to the main branch.

To generate documentation locally:

npm run docs
Copy

This will create documentation in the docs directory, which you can preview locally before pushing changes.

Benchmarks

benchmarks

Size visualization

color.min.js

License

@kurkle/color is available under the MIT license.