包详细信息

@csstools/css-color-parser

csstools40mMIT3.1.0

Parse CSS color values

color, css, parser

自述文件

CSS Color Parser for CSS

npm version Build Status Discord

Usage

Add CSS Color Parser to your project:

npm install @csstools/css-color-parser @csstools/css-parser-algorithms @csstools/css-tokenizer --save-dev
import { color } from '@csstools/css-color-parser';
import { isFunctionNode, parseComponentValue } from '@csstools/css-parser-algorithms';
import { serializeRGB } from '@csstools/css-color-parser';
import { tokenize } from '@csstools/css-tokenizer';

// color() expects a parsed component value.
const hwbComponentValue = parseComponentValue(tokenize({ css: 'hwb(10deg 10% 20%)' }));
const colorData = color(hwbComponentValue);
if (colorData) {
    console.log(colorData);

    // serializeRGB() returns a component value.
    const rgbComponentValue = serializeRGB(colorData);
    console.log(rgbComponentValue.toString());
}

更新日志

Changes to CSS Color Parser

3.1.0

August 22, 2025

  • Add support for display-p3-linear in color(display-p3-linear 0.3081 0.014 0.0567)
  • Add support for display-p3-linear in color-mix(in display-p3-linear, red, blue)
  • Add support for omitting the color space in color-mix(red, blue)
  • Add support for alpha(from red / 0.5)
  • Updated @csstools/color-helpers to 5.1.0 (minor)

Full CHANGELOG