颜色空间RGB与HSV(HSL)的转换

13-1-30 颜色空间RGB与HSV(HSL)的转换 - idfaya的专栏 - 博客频道 - CSDN.NET blog.csdn.net/idfaya/article/details/6770414 1/4 idfaya的专栏 分类： C++网络游戏开发 [编辑] HSV 色轮允许用户快速的选择众多 颜色。 目录(?) [+] 2013年1月当选微软MVP名单揭晓！ 智能开发框架 JEECG 作者张代浩专访 2012CSDN博客之星火热出炉！ 2013年全国百所高校巡讲讲师招募 颜色空间RGB与HSV(HSL)的转换 2011-09-13 10:19 2627人阅读 评论(0) 收藏 举报 一般的3D编程只需要使用RGB颜色空间就好了，但其实美术人员更多的是使用HSV(HSL)，因为可以方便的调整 饱和度和亮度。 有时候美术需要程序帮助调整饱和度来达到特定风格的渲染效果，这时候就需要转换颜色空间了。 出 处：http://zh.wikipedia.org/wiki/HSL%E5%92%8CHSV%E8%89%B2%E5%BD%A9%E7%A9%BA%E9%97%B4 HSL 和 HSV（也叫做 HSB）是对RGB 色彩空间中点的两种有关系的表示，它们尝试描述比 RGB 更准确的感知 颜色联系，并仍保持在计算上简单。HSL 表示 hue（色相）、saturation（饱和度）、lightness（亮 度），HSV 表示 hue、saturation、value(色调) 而 HSB 表示 hue、saturation、brightness（明度）。 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 的时候就变成明确的了。 HSV 模型在 1978 年由埃尔维·雷·史密斯创立。 动机 艺术家有时偏好使用 HSV 颜色模型而不选择 RGB 或 CMYK 模型，因为它类似于人类感觉颜色的方式。RGB 和 CMYK 分别是加法原色和减法原色模型，以原色组合的方式定义颜色，而 HSV 以人类更熟悉的方式封装了关于颜 色的信息：“这是什么颜色？深浅如何？明暗如何？”。HSL 颜色空间类似于 HSV，在某些方面甚至比它还好。 用途 HSV 模型通常用于计算机图形应用中。在用户必须选择一个颜色应用于 特定图形元素各种应用环境中，经常使用 HSV 色轮。在其中，色相表示 为圆环；可以使用一个独立的三角形来表示饱和度和明度。典型的，这 个三角形的垂直轴指示饱和度，而水平轴表示明度。在这种方式下，选 择颜色可以首先在圆环中选择色相，在从三角形中选择想要的饱和度和 明度。 HSV 模型的另一种可视方法是圆锥体。在这种表示中，色相被表示为绕 圆锥中心轴的角度，饱和度被表示为从圆锥的横截面的圆心到这个点的 距离，明度被表示为从圆锥的横截面的圆心到顶点的距离。某些表示使 用了六棱锥体。这种方法更适合在一个单一物体中展示这个 HSV 色彩空 间；但是由于它的三维本质，它不适合在二维计算机界面中选择颜色。 HSV 色彩空间还可以表示为类似于上述圆锥体的圆柱体，色相沿着圆柱 体的外圆周变化，饱和度沿着从横截面的圆心的距离变化，明度沿着横 截面到底面和顶面的距离而变化。这种表示可能被认为是 HSV 色彩空间 的更精确的数学模型；但是在实际中可区分出的饱和度和色相的级别数目随着明度接近黑色而减少。此外计算机 典型的用有限精度范围来存储 RGB 值；这约束了精度，再加上人类颜色感知的限制，使圆锥体表示在多数情况 原创： 9篇 转载： 1篇 译文： 0篇 评论： 1条 展开 (3391) (2627) (1019) (501) (418) (228) (117) (98) (73) (59) (1) (0) 个人资料 idfaya 访问： 8867次 积分： 174分 排名： 千里之外 文章搜索 文章分类 C++网络游戏开发 (4) FLASH游戏开发 (0) 游戏人生 (2) 移动平台游戏开发 (4) 文章存档 2012年05月 (1) 2012年04月 (1) 2012年02月 (1) 2011年10月 (2) 2011年09月 (1) 阅读排行 IOS内存管理小结 颜色空间RGB与HSV(HSL)的转换 如何在cocos2d-x实现高效的mask(遮罩) RGB转HSV的shader appstore收入 分析 定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析 及策略类游戏的战斗设计 RTS游戏开发常用技术指南 3DMMOARPG开发笔记（一） 网页及移动平台2D游戏开发探索 网游十年 开天辟地 评论排行 开天辟地 appstore收入分析及策略类游戏的战斗设计 目录视图 摘要视图 订阅 您还未登录！| 登录 | 注册 | 帮助首页 业界 移动 云计算 研发 论坛 博客 下载 更多 13-1-30 颜色空间RGB与HSV(HSL)的转换 - idfaya的专栏 - 博客频道 - CSDN.NET blog.csdn.net/idfaya/article/details/6770414 2/4 [编辑] [编辑] [编辑] [编辑] HSV 模型的圆锥表示适合于在一个 单一物体中展示整个 HSV 色彩空 间。 HSL 和 HSV 色彩空间比较。 GIMP 支持在 HSV 色彩空间内的选取颜色的多种 方法，包括带有色相滑块的色轮和色方。 下更实用。 HSL 与 HSV 的比较 HSL 类似于 HSV。对于一些人，HSL 更好的反映了“饱和度”和“亮度”作 为两个独立参数的直觉观念，但是对于另一些人，它的饱和度定义是错 误的，因为非常柔和的几乎白色的颜色在 HSL 可以被定义为是完全饱和 的。对于 HSV 还是 HSL 更适合于人类用户界面是有争议的。 W3C 的 CSS3 规定声称“HSL 的优点是它对称于亮与暗（HSV 就不是这 样）…”，这意味着： 在 HSL 中，饱和度分量总是从完全饱和色变化到等价的灰色（在 HSV 中，在极大值 V 的时候，饱和度从全饱和色变化到白色，这可 以被认为是反直觉的）。 在 HSL 中，亮度跨越从黑色过选择的 色相到白色的完整范围（在 HSV 中，V 分量只走一半行程，从黑到选择的色 相）。 在软件中，通常以一个线性或圆形色相选 择器和在其中为选定的色相选取饱和度和 明度／亮度的一个二维区域（通常为方形 或三角形）形式提供给用户基于色相的颜 色模型（HSV 或 HSL）。通过这种表示， 在 HSV 和 HSL 之间的区别就无关紧要了。但是很多程序还允许你通过线性滑块或数值录入框来选择颜色的明度 ／亮度，而对于这些控件通常使用要么 HSL 要么 HSV（而非二者）。HSV 传统上更常用。下面是一些例子： 使用 HSV (HSB)的应用： Apple Mac OS X 系统颜色选择器（有一个 H/S 颜色 碟和一个 V 滑块） Xara Xtreme Paint.NET（有一个 H/S 颜色碟和一个 V 滑块） Adobe 图形应用程序（Illustrator，Photoshop，等 等） Turbo Photo 使用 HSL 的应用： CSS3 规定 Inkscape（从版本 0.42 开始） Macromedia Studio Microsoft Windows 系统颜色选择器（包括 Microsoft Paint） Paint Shop Pro ImageMagick 使用 HSV 和 HSL 二者的应用： Pixel image editor（从 Beta5 开始） Pixia Bryce GIMP（HSV 用于颜色选择，HSL 用于颜色调整） 与其他颜色模型的比较 HSV 颜色空间在技术上不支持到辐射测定中测量的物理能量谱密度的一一映射。所以一般不建议做在 HSV 坐标 和物理光性质如波长和振幅之间的直接比较。 形式定义 HSL 和 HSV 在数学上定义为在 RGB 空间中的颜色的 R, G 和 B 的坐标的变换。 从 RGB 到 HSL 或 HSV 的转换 设 (r, g, b) 分别是一个颜色的红、绿和蓝坐标，它们的值是在 0 到 1 之间的实数。设 max 等价于 r, g 和 b 中的 最大者。设 min 等于这些值中的最小者。要找到在 HSL 空间中的 (h, s, l) 值，这里的 h ∈ [0, 360）是角度的色 相角，而 s, l ∈ [0,1] 是饱和度和亮度，计算为： (0) (0) (0) (0) (0) (0) (0) (0) IOS内存管理小结 RGB转HSV的shader 网页及移动平台2D游戏开发探索 颜色空间RGB与HSV(HSL)的转换 RTS游戏开发常用技术指南 网游十年 3DMMOARPG开发笔记（一） 如何在cocos2d-x实现高效的mask(遮罩) 推荐文章 * Android开发优化之——对界面 UI的优化（2） * 深入理解Oracle表：三大表连 接方式详解之Hash Join * 批量迁移Oracle数据文件，日 志文件及控制文件 * 使用Mapnik生成地形图—— thematicmapping.org译文 * C++图像处理 -- PCX 格式 pdf格式笔记格式下载页码格式下载公文格式下载简报格式下载 图像 （上） * 设计模式与软考试 题 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 之职责链 模式 最新评论 开天辟地 xinzhu1990: 2年时间已过，博主 咋样了？ 13-1-30 颜色空间RGB与HSV(HSL)的转换 - idfaya的专栏 - 博客频道 - CSDN.NET blog.csdn.net/idfaya/article/details/6770414 3/4 [编辑] [编辑] h 的值通常 规范 编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载 化到位于 0 到 360°之间。而 h = 0 用于 max = min 的（就是灰色）时候而不是留下 h 未定义。 HSL 和 HSV 有同样的色相定义，但是其他分量不同。HSV 颜色的 s 和 v 的值定义如下： 从 HSL 到 RGB 的转换 给定 HSL 空间中的 (h, s, l) 值定义的一个颜色，带有 h 在指示色相角度的值域 [0, 360）中，分别表示饱和度和 亮度的s 和 l 在值域 [0, 1] 中，相应在 RGB 空间中的 (r, g, b) 三原色，带有分别对应于红色、绿色和蓝色 的 r, g 和 b 也在值域 [0, 1] 中，它们可计算为： 首先，如果 s = 0，则结果的颜色是非彩色的、或灰色的。在这个特殊情况，r, g 和 b 都等于 l。注意 h 的值在这 种情况下是未定义的。 当 s ≠ 0 的时候，可以使用下列过程：[1] （h 规范化到值域 [0,1）内） 对于每个颜色向量 Color = (ColorR, ColorG, ColorB) = (r, g, b), 从 HSV 到 RGB 的转换 类似的，给定在 HSV 中 (h, s, v) 值定义的一个颜色，带有如上的 h，和分别表示饱和度和明度的 s 和 v 变化于 0 到 1 之间，在 RGB 空间中对应的 (r, g, b) 三原色可以计算为： 13-1-30 颜色空间RGB与HSV(HSL)的转换 - idfaya的专栏 - 博客频道 - CSDN.NET blog.csdn.net/idfaya/article/details/6770414 4/4 [编辑] 分享到： 对于每个颜色向量 (r, g, b), 例子 展示的 RGB 值的范围是 0.0 到 1.0。 RGB HSL HSV 结果 (1, 0, 0) (0°, 1, 0.5) (0°, 1, 1) (0.5, 1, 0.5) (120°, 1, 0.75) (120°, 0.5, 1) (0, 0, 0.5) (240°, 1, 0.25) (240°, 1, 0.5) 上一篇：RTS游戏开发常用技术指南 下一篇：网页及移动平台2D游戏开发探索 查看评论 暂无评论 您还没有登录,请[登录]或[注册] * 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场 专区推荐内容 Win8 应用开发介绍(一) W... HTML5实验：JavaScri... web上的分页分析 HTML5手机游戏将迎美好未来 当智能手机遇到了NFC Android已经开始领跑？ 多线程知识点整理 << >> 我公司职位也要出现在这里更多招聘职位 【悠悠村（uucun）】Android安卓客户端开发工程师 【CSDN】产品设计 【青岛瀑布网络科技有限公司】逆向开发工程师 【上海八百里人网络技术有限公司】Java工程师 【广州致远电子股份有限公司】ASP.NET软件工程师 【唯品会（中国）有限公司】运维监控经理 【福州开睿思人力资源服务有限公司】资深安卓 公司简介 | 招贤纳士 | 广告服务 | 银行汇款帐号 | 联系方式 | 版权声明 | 法律顾问 | 问题 报告 软件系统测试报告下载sgs报告如何下载关于路面塌陷情况报告535n,sgs报告怎么下载竣工报告下载 京 ICP 证 070598 号 北京创新乐知信息技术有限公司 版权所有 世纪乐知(北京)网络技术有限公司 提供技术支持 江苏乐知网络技术有限公司 提供商务支持 联系邮箱：webmaster(at)csdn.net Copyright © 1999-2012, CSDN.NET, All Rights Reserved