logo
帮助文档/图层属性/色彩属性/Motiff 妙多中的色彩模型

Motiff 妙多中的色彩模型

Motiff 妙多支持五种色彩模型以表示颜色:HEX、HSB、HSL、CSS 和 RGB。在不同的色彩模型之间来回切换只会影响 Motiff 妙多描述颜色的方式,但并不会影响颜色的渲染方式。 'Motiff 妙多中的色彩模型.png'

色彩模型

色彩模型可能因应用程序、硬件或者输出的需求而有所不同。你可以在颜色选择器中查看和切换各种色彩模式:

HEX

HEX(十六进制颜色码):默认的 HEX 色彩模式指的是十六进制颜色码,通常由一个 # 号后跟 6 位 16 进制数组成,分别代表红、绿、蓝三个通道的颜色值,范围为 00-FF。例如 #FFFFFF 表示白色。HEX 广泛用于网页设计和其他需要精确颜色代码的应用中。

RGB

RBG (Red Green Blue - 红,绿,蓝) :这是最常见的色彩模式。显示器或屏幕上渲染出来的每种颜色都是由不同数量的红绿蓝三原色组成的。

你可能在其他资源中也看到过 RBGa 的说法。RBGa 中的 a 指的是 alpha,表示数值范围为 0% 到 100% 之间的颜色不透明度。

HSB

HSB (Hue Saturation Brightness - 色相,饱和度,亮度) :这是另一种 RGB 模型。不同于基于显示器渲染方式的 RGB 模型,HSB 模型是基于人眼感知颜色的方式来表示颜色的。在图形设计过程中,该模型方便设计师更直观地选择和操作颜色。一般用在调色板工具中。

色相代表颜色的类型(如红色,蓝色,绿色等),用 0-360° 范围的角度表示色相;饱和度表示颜色的强度或纯度,范围是 0-100%,0%是灰色,100%是全彩;而亮度则表示颜色的明亮程度,范围也是 0-100%,0% 是黑色,100% 是白色。

HSL

HSL (Hue Saturation Luminance - 色相,饱和度,亮度):HSL 模型是另一个基于人眼感知颜色的模型,和 HSB 模型类似,只是亮度的计算方式不同。在 HSL 模型中,从黑色(0%)到白色(100%),中间值(50%)是纯色。HSB 模型更适合选取鲜艳的色彩,HSL 模型更适合均匀的色彩搭配。

CSS

CSS(Cascading Style Sheets - 层叠样式表): CSS 色彩模式允许您使用 CSS 语法查看或输入 RGBa 值。可以使用类似以下的格式表示: rgba(39,99,230,1)

当你想要将颜色信息同步给研发工程师时,CSS 模型可以复制并粘贴选中颜色的 CSS 代码信息。

在颜色选择器中查看色彩模型

当 Motiff 妙多导出 sRGB 色彩模型中的所有内容时,你可能希望在另一个色彩模型中查看颜色。当前支持在颜色选择器中查看和调整不同色彩模型的颜色:

  1. 1.点击设计面板中的填充或描边属性以打开颜色选择器。
  2. 2.在「色相」和「不透明度」滑动条的下方,你可以看到当前的色彩模型及其相应值。
  3. 3.使用下拉列表切换色彩模式。在 HEX、HSB、HSL、CSS 和 RGB 之间进行选择: '在取色器中查看色彩模式.png'
  4. 4.Motiff 妙多将按照你选择的模型来表示颜色值。