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 第一次上传		3 months ago
..
dist	第一次上传	3 months ago
CHANGELOG.md	第一次上传	3 months ago
LICENSE.md	第一次上传	3 months ago
README.md	第一次上传	3 months ago
package.json	第一次上传	3 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());
}