You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

History

$LAPTOP-S9HJSOEB\昊天$ LAPTOP-S9HJSOEB\昊天 8001cd7178 第一次上传		11 months ago
..
dist	第一次上传	11 months ago
CHANGELOG.md	第一次上传	11 months ago
LICENSE.md	第一次上传	11 months ago
README.md	第一次上传	11 months ago
package.json	第一次上传	11 months ago

README.md

CSS Color Parser

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());
}