HSB是什么颜色?

87次阅读
没有评论

共计 977 个字符,预计需要花费 3 分钟才能阅读完成。

HSB 是指色彩的三要素:色相(Hue)、饱和度(Saturation)和亮度(Brightness),是一种描述颜色的方式。HSB 经常被用来描述数字图像和图形的色彩,下面将从 8 个方面对 HSB 进行详细阐述。

色相(Hue)

色相是指颜色的种类,也是颜色的基本属性。色相的值通常是由一个角度来表示,一个圆形被分成了 360 度,每一度代表不同的颜色。色相值的取值范围是 0°~360°,具体数值代表的颜色可以看下面的图示。

从图中可以看出,色相的取值范围由 0 度的红色开始,顺时针依次为橙色、黄色、绿色、青色、蓝色、紫色,最后回到红色。

饱和度(Saturation)

饱和度是指颜色的纯度或强度,也是颜色的另一个基本属性。饱和度的取值范围是 0%~100%,其中 0% 表示灰色,100% 表示纯色。饱和度越高,颜色越鲜艳。

从图中可以看出,饱和度的取值范围由 0% 的灰色开始,逐渐增加,直到 100% 的纯色。

亮度(Brightness)

亮度是指颜色的明暗程度,也是颜色的第三个主要属性。亮度的取值范围是 0%~100%,其中 0% 表示黑色,100% 表示白色。亮度的变化通常是在色彩中加入白色或黑色来调整的。

从图中可以看出,亮度的取值范围由 0% 的黑色开始,逐渐增加,直到 100% 的白色。

HSB 颜色组合

通过色相、饱和度和亮度三个属性的组合,可以得到丰富多彩的颜色。下面是一些常见的 HSB 颜色组合:

  • 红色:H:0°,S:100%,B:100%
  • 橙色:H:30°,S:100%,B:100%
  • 黄色:H:60°,S:100%,B:100%
  • 绿色:H:120°,S:100%,B:100%
  • 青色:H:180°,S:100%,B:100%
  • 蓝色:H:240°,S:100%,B:100%
  • 紫色:H:300°,S:100%,B:100%
  • 黑色:H:任意,S:0%,B:0%
  • 灰色:H:任意,S:0%,B:50%
  • 白色:H:任意,S:0%,B:100%
  • 常见的 HSB 颜色

    下面是一些常见的 HSB 颜色及其取值范围:

  • 粉色:H:任意,S:100%,B:100%
  • 棕色:H:30°~60°,S:50%~100%,B:20%~70%
  • HSB 在设计中的应用

    在设计领域,HSB 常被用来描述和调整颜色,如下面几种应用:

    颜色匹配

    当需要匹配两种颜色时,可以使用 HSB 来调整它们的色相、饱和度和亮度,使它们更加协调。

    配色方案

    丸趣 TV 网 – 提供最优质的资源集合!

    正文完
     
    丸趣
    版权声明:本站原创文章,由 丸趣 2023-12-25发表,共计977字。
    转载说明:除特殊说明外本站除技术相关以外文章皆由网络搜集发布,转载请注明出处。
    评论(没有评论)