- rgb2hsl
- rgb2hsv
- rgb2hex
- hsl2rgb
- hsv2rgb
- hex2rgb
安装：
npm install --save @youc/colorconvert
Node Env
const cc = require('@youc/colorconvert');
cc.rgb2hsl(255, 34, 178);
ES6 Env
import cc from '@youc/colorconvert';
cc.rgb2hsl(255, 34, 178);
Browser Env
<script src="./colorConvert.js"></script>
<script>
var cc = window.colorConvert;
cc.rgb2hsl(255, 34, 178);
</script>
参数分别为：red、green、blue对应的颜色值
cc.rgb2hsl(255, 34, 178); // [321, 100, 57]
参数分别为：red、green、blue对应的颜色值
cc.rgb2hsv(12, 1, 23); // [270, 96, 9]
只有传透明度时才会返回透明度格式的rgb颜色值。
- 透明度范围为0~100
- 返回值字母皆为大写
// rgb
cc.rgb2hex(1, 2, 3); // #010203
// rgb with alpha
cc.rgb2hex(1, 2, 3, 67); // #010203AB
参数分别为：Hue, Saturation, Lightness
cc.hsl2rgb(321, 100, 57); // [255, 36, 178]
参数分别为：Hue, Saturation, Value
cc.hsv2rgb(321, 87, 100); // [255, 33, 177]
可传入带透明度形式的hex值，返回值中alpha为0~100
cc.hex2rgb('#c23'); // [204, 34, 51]
cc.hex2rgb('#0C0117'); // [12, 1, 23]
cc.hex2rgb('#010203AB'); // [1, 2, 3, 67]
可省略#
cc.hex2rgb('0C0117'); // [12, 1, 23];
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent