美文网首页
色彩模式之HSB模式

色彩模式之HSB模式

作者: vinnie_sue | 来源:发表于2019-12-04 08:51 被阅读0次

1、色彩模式

度娘告诉我们:色彩模式是数字世界中表示颜色的一种算法。如何理解?我们先来说说在数学上如何确定二维平面上的一个点?在直角坐标体系里,只要知道横坐标值x和纵坐标值y就能确定这个点的位置;在极坐标体系里,只要知道极径值ρ和极角值θ就能确定这个点的位置。所以,数学上是以坐标值来描述平面上的点的,同一个点在不同的坐标体系里,有不同的坐标描述方式,如下图。

同理,色彩在不同的色彩模式里,也有不同的“坐标”描述方式,只要色彩的“坐标值”确定,这个颜色就确定了。

上图为PS的拾色器,右下角的参数值我用橙色的方框把它们分为了4组,每组对应一种色彩模式,分别是HSB模式、RGB模式、Lab模式、CMYK模式。图示青色在这4种色彩模式里的坐标分别是:

HSB(180,100,100)

RGB(0,255,255)

LAB(91,-51,-15)

CMYK(55,0,18,0)——色域不一样,近似值

2、HSB模式

生活中我们常常用鲜红、淡蓝、亮绿、暗紫等等词汇来描述我们所看到的颜色,这些词语中就包含了色彩的三大属性,即色相、饱和度(又叫纯度)、明度。HSB模式就是根据人的主观视觉感受来制定坐标参数的,H-色相(hue),S-饱和度(saturation),B-明度(Brightness),只要这三个值确定了,这个颜色就确定了。

色相即色彩的相貌,我们平常说红色、绿色、黄色,说的就是色彩的色相。色相一般用度来表示,它是指颜色在色相环上的角度位置。色相环有好多种,本文所说的色相环是指PS等计算机图形软件常用的RGB/CMY色相环,如下图。

红色就是0°,橙色就是30°,绿色就是120°,因为色相环是一个圈,所以色相H的范围是0-360°。

饱和度(又叫纯度)即色彩的鲜艳程度,也可理解为彩色相对于无彩(黑白灰)的差别程度,简单来说就是色彩的浓淡,越浓越鲜艳越纯粹,越淡越接近黑白灰。饱和度S一般用0-100%来表示,当饱和度为100%时,颜色最纯最鲜艳,当饱和度为0时,就是无彩(即黑白灰),所以彩色图片把饱和度调成0之后就可以转成黑白图。

明度即色彩的明暗程度,亮红色、暗红色。。。这里说的亮和暗指的就是色彩的明度。明度B也是用0-100%来表示,当明度为0时,就变成黑色,当明度为100%时表示在特定饱和度下最亮的色。

另外,无彩的黑白灰没有色相(或者也可以理解为色相可以是任意一个),饱和度为0,只有明暗的变化,所以黑白灰只受明度属性的影响,从黑到深灰再到浅灰再到白。

相关文章

  • 色彩模式之HSB模式

    1、色彩模式 度娘告诉我们:色彩模式是数字世界中表示颜色的一种算法。如何理解?我们先来说说在数学上如何确定二维平面...

  • 2019-02-21

    HSB是什么? HSB 色彩模式是基于人眼的一种颜色模式。是普及型设计软件中常见的色彩模式,其中H代表色相;S代表...

  • 图像的色彩模式

    rgb模式:红绿蓝三原色 Cmyk模式:青、洋红、黄、黑 hsb模式:色相、饱和度、亮度 lab模式:不依赖光线与色彩

  • 日常更新 PS中的色彩模式

    我们知道PS中有 很多模式,那这些模式,分别是什么,所代表的意义到底是什么呢? 今天我们就来说下色彩模式:HSB、...

  • 色彩姿势笔记(1)

    色彩模式 HSB模式:基于人眼视觉细胞的,既眼睛所看到的。H-色相,S-饱和度,B-明度。 RGB模式:显示器颜色...

  • 设计基础之色彩模式

    在photoshop,sketch等软件中常见的几种色彩模式有HSB,RGB,CMYK,LAB等等,了解他们的原理...

  • 颜色和色板(Color and Swatches)| Adobe

    一、颜色模式 1. RGB和CMYK 2.HSB 色谱框 HSB is for hue, saturation, ...

  • 简单粗暴的配色野路子

    颜色模式的选取 颜色模式就是记录颜色的一种方式,分为很多种:RGB模式、CMYK模式、HSB模式、Lab颜色模式、...

  • PS学习笔记(1):光和色的关系

    HSB模式 色相 赤橙黄绿青蓝紫 H (黑白无色相) 色彩饱和度 英文缩写 S 明度 明暗变化 B 媒介:眼...

  • 设计心经

    配色 基础色彩 HSB模式:H色相、S饱和度、B亮度 色相H(Hues):红、橙、黄、绿、青、蓝、紫。 饱和度S(...

网友评论

      本文标题:色彩模式之HSB模式

      本文链接:https://www.haomeiwen.com/subject/lydkgctx.html