Sha256: 26c9637d689e35a302f11bdcfef6b337ccd73614480e9f0b76b9bab47afbfaec

Contents?: true

Size: 1.3 KB

Versions: 26

Compression:

Stored size: 1.3 KB

Contents

import { rgb2hue, rgb2value, rgb2whiteness, hue2rgb } from './util';

/* Convert between RGB and HSL
/* ========================================================================== */

export function rgb2hsl(rgbR, rgbG, rgbB, fallbackhue) {
	const hslH = rgb2hue(rgbR, rgbG, rgbB, fallbackhue);
	const hslV = rgb2value(rgbR, rgbG, rgbB);
	const hslW = rgb2whiteness(rgbR, rgbG, rgbB);

	// calculate value/whiteness delta
	const hslD = hslV - hslW;

	// calculate lightness
	const hslL = (hslV + hslW) / 2;

	// calculate saturation
	const hslS = hslD === 0 ? 0 : hslD / (100 - Math.abs(2 * hslL - 100)) * 100;

	return [ hslH, hslS, hslL ];
}

export function hsl2rgb(hslH, hslS, hslL) {
	// calcuate t2
	const t2 = hslL <= 50 ? hslL * (hslS + 100) / 100 : hslL + hslS - hslL * hslS / 100;

	// calcuate t1
	const t1 = hslL * 2 - t2;

	// calculate rgb
	const [ rgbR, rgbG, rgbB ] = [
		hue2rgb(t1, t2, hslH + 120),
		hue2rgb(t1, t2, hslH),
		hue2rgb(t1, t2, hslH - 120)
	];

	return [ rgbR, rgbG, rgbB ];
}

/*

References
----------

- https://www.w3.org/TR/css-color-3/#hsl-color
- https://www.w3.org/TR/css-color-4/#hsl-to-rgb
- https://www.rapidtables.com/convert/color/rgb-to-hsl.html
- https://www.rapidtables.com/convert/color/hsl-to-rgb.html

/* ========================================================================== */

Version data entries

26 entries across 25 versions & 8 rubygems

Version Path
optimacms-0.1.61 spec/dummy/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
disco_app-0.18.0 test/dummy/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
disco_app-0.18.2 test/dummy/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
disco_app-0.16.1 test/dummy/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
disco_app-0.15.2 test/dummy/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
disco_app-0.18.4 test/dummy/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
disco_app-0.18.1 test/dummy/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
disco_app-0.12.7.pre.puma.pre.3 test/dummy/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
disco_app-0.14.0 test/dummy/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
disco_app-0.13.6.pre.puma.pre.3 test/dummy/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
tang-0.2.1 spec/tang_app/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
groonga-client-model-6.0.0 test/apps/rails6.0.3.5/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
groonga-client-model-6.0.0 test/apps/rails6.1.3/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
ruby2js-4.0.4 lib/tasks/testrails/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
ruby2js-4.0.3 lib/tasks/testrails/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
tang-0.2.0 spec/tang_app/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
tang-0.1.0 spec/tang_app/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
tang-0.0.9 spec/tang_app/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
enju_library-0.3.8 spec/dummy/node_modules/@csstools/convert-colors/lib/rgb-hsl.js
jester-data-8.0.0 node_modules/@csstools/convert-colors/lib/rgb-hsl.js