颜色模型HSB-这么强大的工具,你居然还不知道?

Part1前言

所有的颜色体验都可以从三个维度来描述:色调(hue)、饱和度(saturation)和明度(brightness),简称HSB模型。

HSB色彩模式以人类对颜色的感觉为基础,描述了颜色的三种基本特性。它以色度(H)、饱和度(S)和亮度(B)来描述颜色的基本特征,为将自然颜色转换为计算机创建的色彩提供了一种直接方法。

用好HSB模型,可以帮我们设计出更好符合审美的三维场景。下面通过3个示例,解释参数的调整对整体效果的影响。

Part2色调

色调(hue)可以用环来表示,通常用H来表示其中:
红色:0度或者360度
黄色:300度
绿色:240度
青色:180度
蓝色:120度
洋色:60度
如下图所示:7ef5db3bb937fae8a6b68fa25798f22e.png

我们可以通过PS工具来验证:
例如:
下图,H为0表示红色40250ef701db1b06c9cf585b280a5ee9.png下图,H为180表示青色

1886c8fed73f5081cd5f18a7c50149a1.png

Part3饱和度

饱和度(saturation)描述的是颜色感觉的纯度和鲜艳度。纯色有最大的饱和度;柔和、混合及浅淡的颜色其饱和度居中,灰色的饱和度为零。
用通俗的话来说,当饱和度为最小的时候,画面会显示灰色。当饱和度为最大的时候,画面显示纯色。
我们通过一幅照片来说明饱和度对画面的影响,分别设置饱和度为最大,中间和最小.
饱和度为最小,如下图:2f06e93be66e8554a8328a1758c0cab3.png饱和度为中间,如下图:b5ab3717fe29c264e7a326dc42624186.png饱和度为最大,如下图:8484c72642c043c7fac66d27f79f6606.png

Part4明度

明度(birghtness)是对光的强度的描述。白色的明度最大,黑色的明度最小。
用通俗的话来说,明度最小时,显示黑色。明度最大时,显示白色。
我们还是通过一幅照片来测试说明明度对画面的影响,分别设置明度最大,中间和最小。
当明度最小的时候,考虑到黑色看不到,稍微预留了一些。78847c82b7feaca471edc9d9b5cc4683.png明度为中间,如下图:d679aa417f709eeeee5e2a29d08370be.png明度为最大,考虑到白色看不到,稍微预留了一些。如下图:08043046a64c4f80903b00075b077a22.png

Part5总结

本文主要介绍了颜色模型HSB每个参数对画质的影响。

Part6关于IN VETA

IN VETA是一支由建模、美术、UE5组成的年轻团队。

d3d8de0c70b900f7f1ac7ecd4ecf9e61.png

我们致力于三维数字孪生技术分享与研发。

欢迎与各界朋友一起探讨技术与商务合作,一起推动数字孪生的发展。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RGB(Red, Green, Blue)和HSB(Hue, Saturation, Brightness)都是常用的颜色模型。RGB模型是基于颜色的三个基本分量,即红色、绿色和蓝色,而HSB模型则是基于颜色的色相、饱和度和亮度。 RGB转换为HSB的数学原理如下: 1. 首先需要将RGB值转换为0-1的标准化值。假设原始颜色的RGB值为(r, g, b),则对应的标准化值为: r' = r / 255 g' = g / 255 b' = b / 255 2. 计算色相H。色相是指颜色在色轮上的位置,取值范围为0-360度。具体计算方式如下: - 如果最大值和最小值相等,那么色相H为0。 - 如果最大值是红色分量r,那么色相H的计算公式为:H = (g' - b') / (max(r', g', b') - min(r', g', b')) * 60 - 如果最大值是绿色分量g,那么色相H的计算公式为:H = ((b' - r') / (max(r', g', b') - min(r', g', b')) + 2) * 60 - 如果最大值是蓝色分量b,那么色相H的计算公式为:H = ((r' - g') / (max(r', g', b') - min(r', g', b')) + 4) * 60 需要注意的是,由于色相的取值范围是0-360度,所以如果计算出来的H值小于0,需要加上360度。 3. 计算饱和度S。饱和度是指颜色的纯度,取值范围为0-100%。具体计算方式如下: S = (max(r', g', b') - min(r', g', b')) / max(r', g', b') * 100 4. 计算亮度B。亮度是指颜色的明亮程度,取值范围为0-100%。具体计算方式可以参考我之前回答问题中的内容。 通过以上计算,可以得到HSB模型中的色相H、饱和度S和亮度B值。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值