110,571
社区成员
发帖
与我相关
我的任务
分享【开源】HSL ColorPicker
先上张图
模仿JQuery ui官网的
下面介绍一下HSL颜色空间（取自维基百科）
HSL 和 HSV（也叫HSB）是对RGB 色彩空间中点的两种有关系的表示，它们尝试描述比 RGB 更准确的感知颜色联系，并仍保持在计算上简单。
H指hue（色相）、S指saturation（饱和度）、L指lightness（亮度）、V指value(色调)、B指brightness（明度）。
色相（H）是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。
饱和度（S）是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取0-100%的数值。
明度（V），亮度（L），取0-100%。
HSL 和 HSV 二者都把颜色描述在圆柱坐标系内的点，这个圆柱的中心轴取值为自底部的黑色到顶部的白色而在它们中间是的灰色，绕这个轴的角度对应于“色相”，到这个轴的距离对应于“饱和度”，而沿着这个轴的高度对应于“亮度”，“色调”或“明度”。
这两种表示在用目的上类似，但在方法上有区别。二者在数学上都是圆柱，但 HSV（色相，饱和度，色调）在概念上可以被认为是颜色的倒圆锥体（黑点在下顶点，白色在上底面圆心），HSL 在概念上表示了一个双圆锥体和圆球体（白色在上顶点，黑色在下顶点，最大横切面的圆心是半程灰色）。注意尽管在 HSL 和 HSV 中“色相”指称相同的性质，它们的“饱和度”的定义是明显不同的。
因为 HSL 和 HSV 是设备依赖的 RGB 的简单变换，(h, s, l) 或 (h, s, v) 三元组定义的颜色依赖于所使用的特定红色、绿色和蓝色“加法原色”。每个独特的 RGB 设备都伴随着一个独特的 HSL 和 HSV 空间。但是 (h, s, l) 或 (h, s, v) 三元组在被约束于特定 RGB 空间比如 sRGB 的时候就变成明确的了。
HSL TO RGB：
RGB TO HSL:
喜欢去我资源的下载去吧
下载地址移步:http://bbs.csdn.net/topics/390366462
模仿JQuery ui官网的
下面介绍一下HSL颜色空间（取自维基百科）
HSL 和 HSV（也叫HSB）是对RGB 色彩空间中点的两种有关系的表示，它们尝试描述比 RGB 更准确的感知颜色联系，并仍保持在计算上简单。
H指hue（色相）、S指saturation（饱和度）、L指lightness（亮度）、V指value(色调)、B指brightness（明度）。
色相（H）是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。
饱和度（S）是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取0-100%的数值。
明度（V），亮度（L），取0-100%。
HSL 和 HSV 二者都把颜色描述在圆柱坐标系内的点，这个圆柱的中心轴取值为自底部的黑色到顶部的白色而在它们中间是的灰色，绕这个轴的角度对应于“色相”，到这个轴的距离对应于“饱和度”，而沿着这个轴的高度对应于“亮度”，“色调”或“明度”。
这两种表示在用目的上类似，但在方法上有区别。二者在数学上都是圆柱，但 HSV（色相，饱和度，色调）在概念上可以被认为是颜色的倒圆锥体（黑点在下顶点，白色在上底面圆心），HSL 在概念上表示了一个双圆锥体和圆球体（白色在上顶点，黑色在下顶点，最大横切面的圆心是半程灰色）。注意尽管在 HSL 和 HSV 中“色相”指称相同的性质，它们的“饱和度”的定义是明显不同的。
因为 HSL 和 HSV 是设备依赖的 RGB 的简单变换，(h, s, l) 或 (h, s, v) 三元组定义的颜色依赖于所使用的特定红色、绿色和蓝色“加法原色”。每个独特的 RGB 设备都伴随着一个独特的 HSL 和 HSV 空间。但是 (h, s, l) 或 (h, s, v) 三元组在被约束于特定 RGB 空间比如 sRGB 的时候就变成明确的了。
HSL TO RGB：
RGB TO HSL:
喜欢去我资源的下载去吧
下载地址移步:http://bbs.csdn.net/topics/390366462
...全文
请发表友善的回复…
发表回复
不怀好意 2013-06-01
- 打赏
- 举报
很不错的想法啊，很有爱的，
感谢分享！
感谢分享！
兔子-顾问 2013-02-27
- 打赏
- 举报
感谢分享，曾经也做过这个。
xyanz 2013-02-22
- 打赏
- 举报
学习了，谢谢！
zhuchtao 2013-02-21
- 打赏
- 举报
看不懂
xiyang_rensheng 2013-02-19
- 打赏
- 举报
谢谢楼主分享
kasidali 2013-02-19
- 打赏
- 举报
oGerrard1 2013-02-17
- 打赏
- 举报
谢谢楼主分享
kjlbi0p 2013-02-17
- 打赏
- 举报
kjlbi0p 2013-02-17
- 打赏
- 举报
mickers 2013-02-17
- 打赏
- 举报
不错，有机会一定要多搞搞
csc5498641 2013-02-17
- 打赏
- 举报
clever101 2013-02-16
- 打赏
- 举报
赞一句，很漂亮！
q774151000 2013-02-16
- 打赏
- 举报
如何能使某一类的网站流量都集中到一个网站身上呢？你懂得！真诚请教，寻求合作伙伴！
assky124 2013-02-16
- 打赏
- 举报
,收藏single52 2013-02-15
- 打赏
- 举报
Very powerful!
Garrison2012 2013-02-15
- 打赏
- 举报
谢谢楼主，很好的东西
imoonx 2013-02-15
- 打赏
- 举报
ihaveadream_gd 2013-02-15
- 打赏
- 举报
虽然看不懂，但是应该很强，顶一个
c030825174 2013-02-14
- 打赏
- 举报
Hot Virtual Keyboard !!!!!!!!
oGuLong1 2013-02-14
- 打赏
- 举报
看不懂 不知道是撒子 求讲解
加载更多回复（63）
