colord color playground
Lightness
Saturation
Mix
Color result: #ee8822Result
#ee8822
Code
import { colord, extend } from "colord";import mixPlugin from "colord/plugins/mix";extend([mixPlugin]);colord("#ff5c7a") .rotate(20) .darken(0.15) .saturate(0.2) .mix("#dddc33", 0.5, "rgb") .toHex(); // "#ee8822"TypeScript included · Immutable API
CSS-compliant · MIT licensed
- Brotli
- 1.8 kB
- dependencies
- 0
- types included
- TS
- test coverage
- 100%
- colord12.56M ops/s
- tinycolor21.38M ops/s
- chroma-js1.28M ops/s
- ac-colors1.18M ops/s
- color1.07M ops/s
Node 22 · GitHub-hosted runner