1. @kurkle/color
css color parsing, manupulation and conversion
@kurkle/color
Package: @kurkle/color
Created by: kurkle
Last modified: Tue, 10 Jan 2023 16:51:53 GMT
Version: 0.3.2
License: MIT
Downloads: 6,288,825
Repository: https://github.com/kurkle/color

Install

npm install @kurkle/color
yarn add @kurkle/color

@kurkle/color

npm release npm bundle size GitHub Workflow Status GitHub

Overview

Fast and small CSS color parsing and manipulation library.

Parsing

Supported formats:

  • named
 blue
transparent
  • hex
 #aaa
#bbba
#1A2b3c
#f1f2f388
  • 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)
  • 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)
  • hwb
 hwb(240, 100%, 50.5%)
hwb(244, 100%, 100%, 0.6)
  • hsv
 hsv(240, 100%, 50.5%)
hsv(244, 100%, 100%, 0.6)

Docs

typedocs

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

Benchmarks

benchmarks

Size visualization

color.min.js

License

@kurkle/color is available under the MIT license.

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin