HSL、RGB颜色转换

/*** HSL颜色值转换为RGB. * 换算公式改编自 http://en.wikipedia.org/wiki/HSL_color_space.* h, s, 和 l 设定在 [0, 1] 之间* 返回的 r, g, 和 b 在 [0, 255]之间** @param   Number  h       色相* @param   Number  s       饱和度* @param   Number  l       亮度* @return  Array           RGB色值数值*/function hslToRgb(h, s, l){var r, g, b;if(s == 0){r = g = b = l; // achromatic}else{var hue2rgb = function hue2rgb(p, q, t){if(t < 0) t += 1;if(t > 1) t -= 1;if(t < 1/6) return p + (q - p) * 6 * t;if(t < 1/2) return q;if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;return p;}var q = l < 0.5 ? l * (1 + s) : l + s - l * s;var p = 2 * l - q;r = hue2rgb(p, q, h + 1/3);g = hue2rgb(p, q, h);b = hue2rgb(p, q, h - 1/3);}return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
}
/*** RGB 颜色值转换为 HSL.* 转换公式参考自 http://en.wikipedia.org/wiki/HSL_color_space.* r, g, 和 b 需要在 [0, 255] 范围内* 返回的 h, s, 和 l 在 [0, 1] 之间** @param   Number  r       红色色值* @param   Number  g       绿色色值* @param   Number  b       蓝色色值* @return  Array           HSL各值数组*/function rgbToHsl(r, g, b){r /= 255, g /= 255, b /= 255;var max = Math.max(r, g, b), min = Math.min(r, g, b);var h, s, l = (max + min) / 2;if(max == min){h = s = 0; // achromatic}else{var d = max - min;s = l > 0.5 ? d / (2 - max - min) : d / (max + min);switch(max){case r: h = (g - b) / d + (g < b ? 6 : 0); break;case g: h = (b - r) / d + 2; break;case b: h = (r - g) / d + 4; break;}h /= 6;}return [Math.floor(h*100), Math.round(s*100)+"%", Math.round(l*100)+"%"];
}

HSL、RGB颜色转换相关推荐

css rgb转hsl,HSL到RGB颜色转换
也是从这里,它很好地解释了它的数学原理. 这基本上是一堆可以与HSL(Hue Saturation Lightness)相互转换的函数经过测试并在PHP 5.6.15上工作 TL; DR:完整代码可 ...
RGB颜色转换成16bit颜色
RGB颜色是一个DWORD值,32bit,格式为0x00rrggbb,通过三个宏:GetRValue.GetGValue和GetBValue可以得到三个颜色分量,用8bitBYTE表示.16bit颜色 ...
RGB颜色转换十六进制颜色
RGB颜色转换为十六进制颜色: 十六进制颜色转换为RGB颜色: 十六进制颜色查询颜色英文代码形象描述十六进制 RGB LightPink 浅粉红 #FFB6C1 25 ...
十六进制与rgb颜色转换
十六进制转换为RGB const hexToRGB = hex => {let alpha = false,h = hex.slice(hex.startsWith('#') ? 1 : 0); ...
js方法实现rgb颜色转换成16进制格式的代码的方法
原文地址:http://www.cnblogs.com/vaal-water/archive/2013/04/08/3008880.html 自己试过很好用 function zero_fill_he ...
c语言中用rgb改颜色字体,C语言颜色转换宏
C语言颜色转换宏 #define COLOR_BPP16_RGB555 /* Win RGB */ #define COLOR_RGB(r,g,b) ((COLORREF)(((BYTE)(r)|(( ...
[iOS 16进制颜色转换RGB](转)
宏定义方法 #define RGB(r,g,b,a) [UIColor colorWithRed:r/255.0 green:g/255.0 blue:b/255.0 alpha:a]#define ...
数字图像处理与Python实现-颜色空间转换-RGB颜色空间与HSL颜色转换
RGB颜色空间与HSL颜色转换 RGB颜色空间与HSL颜色转换 1. 前言 2. RGB颜色空间与HSL颜色转换描述 3. 程序实现 1. 前言 HSL是一种将RGB色彩模型中的点在圆柱坐标系中的表示 ...
js中RGB与十六进制颜色转换
一.关于颜色的表示颜色的表示方式不知一种,从photoshop的取色面板就可以看出,如下: 上图共显示了5种颜色的表示方法:HSB,lab,RGB,CMYK与十六进制表示法在CSS中,我们也经常与 ...
php rgb,php颜色转换函数hex-rgb
一个很使用的php颜色转换函数,用于将hex表示的颜色值转换为rgb格式.例如:#dfdfdf转换成(239,239,239) 用法: var_dump(hex2rgb("#efefef&q ...

HSL、RGB颜色转换

HSL、RGB颜色转换相关推荐

最新文章

热门文章