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

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code