相关文章推荐
仗义的红薯  ·  崔康熙胆子真大!鲁能夏窗引进的新锋霸,却被他 ...·  9 月前    · 
礼貌的金鱼  ·  图书情报工作----中国科学院文献情报中心·  1 年前    · 
大方的蚂蚁  ·  行政公文写作培训课件PPT模板-LFPPT·  1 年前    · 
难过的路灯  ·  绍剧五龙会上—3_绍剧欣赏绍剧视频全集_绍剧 ...·  1 年前    · 
逆袭的饭卡  ·  《欢乐好声音2》高清电影完整版在线观看- 时代TV·  1 年前    · 
小百科  ›  颜色空间RGB与HSV(HSL)的转换开发者社区
颜色空间 软件 色彩空间 颜色空间 饱和度
深情的黑框眼镜
1 年前
作者头像
全栈程序员站长
0 篇文章

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

前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP
返回腾讯云官网
社区首页 > 专栏 > 全栈程序员必看 > 正文

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

发布 于 2021-12-17 20:09:05
1.5K 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 表示 h ue( 色相 )、 s aturation( 饱和度 )、 l ightness( 亮度 ), HSV 表示 h ue、 s aturation、 v alue( 色调 ) 而 HSB 表示 h ue、 s aturation、 b rightness( 明度 )。

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 模型的还有一种可视方法是圆锥体。在这样的表示中,色相被表示为绕圆锥中心轴的角度,饱和度被表示为从圆锥的横截面的圆心到这个点的距离,明度被表示为从圆锥的横截面的圆心到顶点的距离。某些表示使用了六棱锥体。这样的方法更适合在一个单一物体中展示这个 HSV 色彩空间;可是因为它的三维本质,它不适合在二维计算机界面中选择颜色。

HSV 色彩空间还能够表示为类似于上述圆锥体的圆柱体,色相沿着圆柱体的外圆周变化,饱和度沿着从横截面的圆心的距离变化,明度沿着横截面究竟面和顶面的距离而变化。这样的表示可能被觉得是 HSV 色彩空间的更精确的数学模型;可是在实际中可区分出的饱和度和色相的级别数目随着明度接近黑色而降低。此外计算机典型的用有限精度范围来存储 RGB 值;这约束了精度,再加上人类颜色感知的限制,使圆锥体表示在多数情况下更有用。

[ 编辑 ]HSL 与 HSV 的比較

HSL 和 HSV 色彩空间比較。

HSL 类似于 HSV。对于一些人,HSL 更好的反映了“饱和度”和“亮度”作为两个独立參数的直觉观念,可是对于还有一些人,它的饱和度定义是错误的,由于很柔和的差点儿白色的颜色在 HSL 能够被定义为是全然饱和的。对于 HSV 还是 HSL 更适合于人类用户界面是有争议的。

W3C 的 CSS 3 规定声称“HSL 的长处是它对称于亮与暗(HSV 就不是这样)…”,这意味着:

  • 在 HSL 中,饱和度分量总是从全然饱和色变化到等价的灰色(在 HSV 中,在极大值 V 的时候,饱和度从全饱和色变化到白色,这能够被觉得是反直觉的)。
  • 在 HSL 中,亮度跨越从黑色过选择的色相到白色的完整范围(在 HSV 中,V 分量仅仅走一半行程,从黑到选择的色相)。

在软件中,通常以一个线性或圆形色相选择器和在当中为选定的色相选取饱和度和明度/亮度的一个二维区域(通常为方形或三角形)形式提供给用户基于色相的颜色模型(HSV 或 HSL)。通过这样的表示,在 HSV 和 HSL 之间的差别就无关紧要了。可是非常多程序还同意你通过线性滑块或数值录入框来选择颜色的明度/亮度,而对于这些控件通常使用要么 HSL 要么 HSV(而非二者)。HSV 传统上更经常使用。以下是一些样例:

GIMP 支持在 HSV 色彩空间内的选取颜色的多种方法,包含带有色相滑块的色轮和色方。

  • 使用 HSV (HSB)的应用:
    • Apple Mac OS X 系统颜色选择器(有一个 H/S 颜色碟和一个 V 滑块)
    • Xara Xtreme
    • Paint.NET (有一个 H/S 颜色碟和一个 V 滑块)
    • Adobe 图形应用程序( Illustrator , Photoshop ,等等)
    • Turbo Photo
  • 使用 HSL 的应用:
    • CSS 3 规定
    • 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] 是饱和度和亮度,计算为:

h 的值通常规范化到位于 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)内)

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/117895.html原文链接:https://javaforall.cn

点击展开阅读全文
文章分享自:
作者个人站点/博客
本文参与 腾讯云自媒体分享计划 ,欢迎热爱写作的你一起参与!

如有侵权请联系 cloudcommunity@tencent.com 删除

max
microsoft
min
paint
登录 后参与评论
关于作者
0
文章
0
累计阅读量
0
获赞
前往专栏
关注 - 腾讯云 开发者 公众号
将获得
10元无门槛代金券
洞察腾讯核心技术
剖析业界实践案例
扫码关注腾讯云开发者
NEW
切换旧版
领券
  • 社区

    • 专栏文章
    • 阅读清单
    • 互动问答
    • 技术沙龙
    • 技术视频
    • 团队主页
    • 腾讯云TI平台
  • 活动

    • 自媒体分享计划
    • 邀请作者入驻
    • 自荐上首页
    • 技术竞赛
  • 资源

    • 技术周刊
    • 社区标签
    • 开发者手册
    • 开发者实验室
  • 关于

    • 社区规范
    • 免责声明
    • 联系我们
    • 友情链接

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

  • 域名注册
  • 云服务器
  • 区块链服务
  • 消息队列
  • 网络加速
  • 云数据库
  • 域名解析
  • 云存储
  • 视频直播

热门推荐

  • 人脸识别
  • 腾讯会议
  • 企业云
  • CDN加速
  • 视频通话
  • 图像分析
  • MySQL 数据库
  • SSL 证书
  • 语音识别

更多推荐

  • 数据安全
  • 负载均衡
  • 短信
  • 文字识别
  • 云点播
  • 商标注册
  • 小程序开发
  • 网站监控
  • 数据迁移

Copyright © 2013 - 2023 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

深圳市腾讯计算机系统有限公司 ICP备案/许可证号: 粤B2-20090059 深公网安备号 44030502008569

腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

问题归档 专栏文章 快讯文章归档 关键词归档 开发者手册归档 开发者手册 Section 归档
 
推荐文章
仗义的红薯  ·  崔康熙胆子真大!鲁能夏窗引进的新锋霸,却被他提前取消报名资格_ ...
9 月前
礼貌的金鱼  ·  图书情报工作----中国科学院文献情报中心
1 年前
大方的蚂蚁  ·  行政公文写作培训课件PPT模板-LFPPT
1 年前
难过的路灯  ·  绍剧五龙会上—3_绍剧欣赏绍剧视频全集_绍剧视频_戏曲大全_吹月_ ...
1 年前
逆袭的饭卡  ·  《欢乐好声音2》高清电影完整版在线观看- 时代TV
1 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
小百科 - 百科知识指南
© 2024 ~ 沪ICP备11025650号