颜色术语表

色彩理论、数字设计和无障碍领域中63个颜色与设计术语的定义。

A

全色弱

一种罕见的不完全色盲形式,眼睛的视锥细胞部分功能正常,导致色觉严重降低但未完全丧失。有时被称为不完全全色盲。受影响者看到的是整个色谱的低饱和度、褪色版本。

另请参阅: Color Blindness Simulator

全色盲

由视网膜中视锥细胞不功能或缺失引起的完全色觉丧失。全色盲患者完全以灰度阶调感知世界,通常伴有光敏感和视力下降。全球约每3万人中有1人受影响。

另请参阅: Color Blindness Simulator

加色法

通过组合发射光来创建颜色的混色模型。三种加色法原色是红色、绿色和蓝色(RGB),将三者以最大强度混合会产生白色。该模型决定了屏幕、显示器和投影仪如何显示颜色。

另请参阅: RGB Format

Alpha通道

添加到颜色值中的第四个通道(除红、绿、蓝之外),表示该颜色的不透明度或透明度。Alpha值为1(或100%)表示完全不透明,而0表示完全透明。在CSS中通过rgba()、hsla()和现代颜色函数广泛使用。

另请参阅: HEX Format, RGB Format

类似色

由色轮上相邻的三种颜色组成的色彩和谐,通常在30度弧度内。类似色调色板因颜色共享共同的色相家族而感觉协调且宁静。适合创建统一的、低对比度的设计。

另请参阅: Palette Generator

B

亮度

颜色发射或反射的光的感知强度,从黑色(无亮度)到最大发光强度。在HSB/HSV颜色模型中,亮度是'B'或'V'分量,与HSL中的明度不同。增加亮度使颜色更鲜艳,而降低亮度则使颜色趋向黑色。

另请参阅: HSB Format

C

色度

相对于类似照明的白色表面亮度的刺激色彩度量。与饱和度不同,色度是绝对度量——高色度颜色无论其明度如何都显得鲜艳纯净。它是LCH和OKLCH颜色空间中的'C'分量。

另请参阅: LCH Format, OKLCH Format

CMYK

印刷生产中使用的减色模型,代表青色、品红色、黄色和关键色(黑色)。油墨从白纸上吸收(减去)特定波长的光,将四种油墨以全强度组合会产生接近黑色。CMYK是胶印、喷墨打印机和商业印刷的标准颜色模型。

另请参阅: CMYK Format

色觉缺陷

由于视网膜中缺失或有缺陷的视锥光感受器,个人区分某些颜色的能力降低或缺失的状况。最常见的类型是红绿色觉缺陷,其次是蓝黄色觉缺陷和全色盲。全球约8%的男性和0.5%的女性受影响。

另请参阅: Color Blindness Simulator

色域

设备、颜色空间或印刷过程可以再现的完整颜色范围。更宽的色域意味着可以显示或打印更多颜色。常见色域包括sRGB(网络标准)、Display P3(现代苹果设备使用)和Adobe RGB(摄影中使用)。

另请参阅: RGB Format

色彩和谐

描述一起使用时美观且平衡的颜色组合的色彩理论原则。和谐规则源自色轮上的几何关系,如互补色、类似色、三色配色和四色配色。有效的色彩和谐在保持统一性的同时创造视觉趣味。

另请参阅: Palette Generator

颜色模型

将颜色描述为数字元组的抽象数学系统。示例包括RGB(红、绿、蓝)、CMYK(青、品红、黄、关键色)和HSL(色相、饱和度、明度)。颜色模型定义了颜色如何用数字表示,但本身不指定这些数字如何映射到现实世界的颜色。

另请参阅: Color Formats Reference

颜色空间

颜色模型的具体实现,使用定义的原色、白点和传递函数(伽马)将数值映射到精确、可重复的现实世界颜色。sRGB、Display P3和Adobe RGB都是基于RGB模型构建的颜色空间,但具有不同的色域。颜色空间使设备间的颜色一致性成为可能。

另请参阅: Color Formats Reference

色温

描述颜色是暖色调还是冷色调的可见光特性。对于光源以开尔文测量,较低温度产生温暖的琥珀色光,而较高温度产生冷色日光蓝光。在设计中,暖色和冷色影响情绪和视觉层次。

色轮

根据色彩关系将色相围绕圆圈排列的圆形图表,原色等距分布,二次色和三次色置于它们之间。由牛顿于1666年首次开发,至今仍是理解颜色关系和构建色彩和谐的基础工具。

另请参阅: Palette Generator

互补色

在色轮上直接相对、相隔180度的两种颜色。并排放置时会产生最大的视觉对比度和鲜艳度,但混合时会相互中和趋向灰色。常见的互补色对包括红/青、蓝/橙和黄/紫。

另请参阅: Palette Generator

对比度

前景色和背景色之间亮度差异的数值测量,表示为1:1到21:1的比率。WCAG 2.1要求AA级别正常文本的最小对比度为4.5:1,大文本为3:1。更高的比率可以改善所有用户的可读性。

另请参阅: Contrast Checker

CSS Color Level 4

W3C规范,通过新的颜色函数和颜色空间扩展CSS颜色功能,包括oklch()、lab()、lch()、hwb()和用于任意颜色空间的color()函数。它在样式表中直接引入感知均匀的颜色操作。自2024年起所有现代浏览器均支持。

另请参阅: CSS Color Converter

D

Delta-E

量化两种颜色之间感知差异的指标,较低的值表示视觉上更相似的颜色。最新版本Delta-E 2000是行业标准。低于1.0的Delta-E值通常被认为人眼无法察觉。

另请参阅: Tailwind Color Finder

绿色弱

最常见的色觉缺陷形式,由M锥光色素的突变引起,使其敏感度向红色偏移。导致区分红色和绿色色调的能力降低。影响约5%的男性和0.35%的女性。

另请参阅: Color Blindness Simulator

绿色盲

由视网膜中M锥光感受器完全缺失引起的红绿色盲形式。绿色盲患者无法感知绿色光,将红色、绿色和一些棕色混淆。影响约1.2%的男性和0.01%的女性。

另请参阅: Color Blindness Simulator

G

伽马

应用于编码颜色值的非线性传递函数,以考虑像素数值与屏幕上显示的实际亮度之间的非线性关系。伽马值2.2是大多数显示器和sRGB颜色空间的标准。伽马校正确保图像在不同设备上以一致的亮度显示。

色域

在特定颜色空间内可以精确表示或由特定设备再现的完整颜色子集。超出给定色域的颜色在颜色空间转换时需要近似或裁剪。宽色域显示器可以显示比标准sRGB显示器更饱和的颜色。

另请参阅: Color Formats Reference

渐变

两种或多种颜色之间的平滑视觉过渡,通常用作设计中的背景、叠加和装饰元素。CSS支持线性渐变、径向渐变和锥形渐变。渐变无需图像即可创造深度、维度和视觉趣味。

另请参阅: Gradients

灰度

从黑色通过各种灰色到白色的无彩色范围,不包含颜色信息。在灰度图像中,每个像素仅存储亮度值。灰度在设计中用于中性背景、无障碍测试和印刷准备。

H

HEX

使用以#为前缀的十六进制字符串表示颜色的标记法。标准HEX代码如#FF5733将红、绿、蓝通道编码为两位数对。支持3位简写、带alpha的4位和8位变体。HEX是Web开发中使用最广泛的颜色格式。

另请参阅: HEX Format

HSB

代表色相、饱和度和亮度的圆柱形颜色模型,也称为HSV。色相是颜色角度(0-360度),饱和度衡量颜色纯度(0-100%),亮度表示峰值光强度(0-100%)。它是Photoshop和Figma等工具中大多数颜色选择器使用的颜色模型。

另请参阅: HSB Format

HSL

代表色相、饱和度和明度的圆柱形颜色模型。色相以色轮上的度数表示(0-360),饱和度为颜色强度的百分比,明度为从黑色经纯色到白色的百分比。HSL在CSS中原生支持,因其直观的结构常被优先于RGB使用。

另请参阅: HSL Format

色相

定义颜色在色轮上位置的属性,以0到360度的角度测量。红色位于0度,绿色位于120度,蓝色位于240度。色相是区分一个颜色家族与另一个的基本品质,是HSL、HSB、HWB、LCH和OKLCH颜色模型中的H分量。

另请参阅: HSL Format

HWB

代表色相、白度和黑度的颜色模型,旨在成为人类选择颜色的最直观方式。色相是色轮上的角度,白度表示混入了多少白色,黑度表示混入了多少黑色。HWB在CSS Color Level 4中通过hwb()函数得到支持。

另请参阅: HWB Format

L

LAB

感知均匀的颜色空间(CIELAB),由三个轴组成:L表示明度(0-100),a表示绿-红轴(-128至127),b表示蓝-黄轴(-128至127)。LAB中等量的数值步进对应于大致等量的感知色差,使其成为计算色差的标准参考。在CSS Color Level 4中得到支持。

另请参阅: LAB Format

LCH

CIELAB颜色空间的圆柱形表示,使用明度、色度和色相。LCH比LAB的笛卡尔轴更直观,因为色度和色相是独立的,便于创建感知均匀的颜色标度。在CSS Color Level 4中通过lch()函数支持。

另请参阅: LCH Format

明度

相对于参考白的颜色感知亮度,范围从0%到100%。在HSL中,0%明度是黑色,50%是纯色相,100%是白色。在LAB和OKLCH等感知颜色空间中,明度设计为更均匀。

另请参阅: HSL Format, LAB Format

亮度

从表面在给定方向上发射或反射的光强度的光度测量。WCAG对比度计算中使用的相对亮度是0到1之间的线性值,考虑了人眼对红、绿、蓝光的不同敏感度。

另请参阅: Contrast Checker

LUV

为加色法混色和照明应用优化的感知均匀颜色空间(CIELUV)。其分量为明度、u色度和v色度。在涉及发射光的环境中,CIELUV比CIELAB更受青睐。

另请参阅: LUV Format

M

中位切割

通过在最长轴的中位数处递归分割颜色空间,将大量颜色减少为较小的代表性调色板的颜色量化算法。1982年由Paul Heckbert首次描述,至今仍是从图像中提取主色调最广泛使用的方法之一。

另请参阅: Image Color Extractor

单色

基于单一色相的配色方案,仅使用饱和度和明度的变化来创建该色相的深色、浅色和灰色调。单色调色板本质上是和谐的,常用于极简、优雅的设计。

另请参阅: Palette Generator

O

OKLCH

由Björn Ottosson设计的现代感知颜色空间,使用明度、色度和色相。通过提供更均匀的色相行为改进了LCH,消除了CIELAB空间中出现的色相偏移。被推荐用于CSS Color Level 4。

另请参阅: OKLCH Format

不透明度

颜色或元素阻挡其后方内容的程度,表示为0(完全透明)到1(完全不透明)的值。在CSS中可通过opacity属性或颜色函数的alpha通道设置。不透明度对于分层、玻璃拟态效果和创造视觉深度至关重要。

另请参阅: RGB Format

P

调色板

为在设计中协同工作而精选的颜色集合,通常包含3到10种颜色。调色板使用色彩和谐规则、品牌指南或美学偏好来构建。设计良好的调色板确保视觉一致性和足够的无障碍对比度。

另请参阅: Palette Generator

Pantone

由Pantone LLC开发的专有颜色匹配系统,为数千种标准化专色分配唯一的字母数字代码。它是印刷、时尚、工业设计和产品制造中颜色沟通的行业标准。

原色

不能通过混合其他颜色来创建的一组颜色,给定颜色模型中的所有其他颜色都可以从中导出。在加色法中原色是红、绿、蓝(RGB)。在减色法中传统原色是红、黄、蓝(RYB),现代印刷中为青、品红、黄(CMY)。

另请参阅: RGB Format, CMYK Format

红色弱

由L锥光色素突变引起的红绿色觉缺陷,使其敏感度向绿色偏移。导致区分红色和绿色的能力降低,红色看起来更暗且不那么鲜艳。影响约1.3%的男性和0.02%的女性。

另请参阅: Color Blindness Simulator

红色盲

由视网膜中L锥光感受器完全缺失引起的红绿色盲形式。红色盲患者无法感知红色光,导致红色看起来暗沉。影响约1.3%的男性和0.02%的女性。

另请参阅: Color Blindness Simulator

R

RGB

使用三个通道表示颜色的加色颜色模型:红色(0-255)、绿色(0-255)和蓝色(0-255)。它是数字屏幕的原生颜色模型。RGB是Web开发中最广泛使用的颜色格式之一,在CSS中以rgb()和rgba()形式支持。

另请参阅: RGB Format

S

饱和度

颜色的强度或纯度,表示与相同明度的中性灰相比颜色显得多么鲜艳。完全饱和的颜色不含灰色显得最为鲜艳,而低饱和度的颜色显得柔和或褪色。饱和度是HSL和HSB中的S分量,范围从0%到100%。

另请参阅: HSL Format, HSB Format

二次色

通过等比例混合两种原色创建的颜色。在RGB模型中二次色是青色、品红色和黄色。在传统RYB模型中二次色是橙色、绿色和紫色。

另请参阅: Palette Generator

暗色调

通过向基色添加黑色创建的颜色变化,在保持色相角的同时降低明度。暗色调比原始颜色更深更具戏剧性。在CSS中可以通过降低HSL的明度值来生成。

另请参阅: Palette Generator

分裂互补色

从基色开始,使用色轮上其互补色两侧的两种颜色的色彩和谐。它提供类似互补色的高视觉对比度,但更具细微差别且视觉张力更小。是最通用和流行的和谐类型之一。

另请参阅: Palette Generator

sRGB

HP和微软于1996年为显示器、打印机和互联网创建的标准RGB颜色空间。sRGB是网络、CSS和大多数消费级显示器的默认颜色空间,但其相对较窄的色域无法表示高度饱和的颜色。

另请参阅: RGB Format

减色法

印刷和绘画中使用的混色模型,颜料或油墨吸收某些波长的光并反射其余部分。减色法原色是青色、品红色和黄色(CMY),实际中会添加黑色油墨形成CMYK模型。

另请参阅: CMYK Format

T

Tailwind CSS颜色

Tailwind CSS实用优先框架中的默认颜色系统,由22个颜色系列组成,每个系列11个色阶。调色板为无障碍、一致的UI开发而设计,共有242个命名颜色工具类。

另请参阅: Tailwind Colors Reference

三次色

通过将原色与色轮上相邻的二次色混合而创建的颜色,产生六种中间色相。三次色为构建精致的调色板提供更细微和具体的色相选择。

另请参阅: Palette Generator

四色配色

使用四种颜色排列成两对互补色的色彩和谐,在色轮上形成矩形。四色配色方案提供最丰富的颜色多样性但需要仔细平衡。也称为双互补色方案。

另请参阅: Palette Generator

浅色调

通过向基色添加白色创建的颜色变化,在保持色相角的同时增加明度。浅色调比原始颜色更浅更柔和。在CSS中可以通过增加HSL的明度值来生成。

另请参阅: Palette Generator

灰色调

通过向基色添加灰色创建的颜色变化,在保持大致相同明度的同时降低饱和度。灰色调比纯色相显得更柔和、更精致、更自然。现实世界中看到的大多数颜色是灰色调而非纯色相。

另请参阅: Palette Generator

三色配色

使用色轮上等距120度的三种颜色的色彩和谐。三色配色方案鲜艳且在保持颜色平衡的同时提供强烈的视觉对比。原色三元组和二次色三元组是经典示例。

另请参阅: Palette Generator

蓝色弱

由S锥光色素突变导致敏感度降低引起的罕见蓝黄色觉缺陷形式。蓝色弱者难以区分蓝色和绿色以及黄色和紫色,但保留一定的蓝色感知。估计影响约0.0001%的人口。

另请参阅: Color Blindness Simulator

蓝色盲

由视网膜中S锥光感受器完全缺失引起的罕见色盲形式。蓝色盲患者将蓝色与绿色、黄色与紫色混淆。与红绿色觉缺陷不同,蓝色盲以相似的比率影响男性和女性。

另请参阅: Color Blindness Simulator

V

明度(值)

在色彩理论中,值指的是颜色的明暗程度,与其色相或饱和度无关。在HSB/HSV模型中,值范围从0%到100%,与亮度分量同义。

另请参阅: HSB Format

W

WCAG

由W3C的网络无障碍倡议发布的网络内容无障碍指南,定义了使网络内容对残障人士可访问的标准。WCAG 2.1指定了最低颜色对比度——正常文本4.5:1(AA)、大文本3:1(AA)和正常文本7:1(AAA)。

另请参阅: Contrast Checker

网页安全色

在1990年代256色显示器和早期网络浏览器上一致显示的216种颜色的调色板。由于现代显示器支持数百万种颜色,网页安全色如今已基本过时。

另请参阅: HEX Format

X

XYZ

由国际照明委员会定义的设备无关颜色空间(CIE 1931 XYZ)。它作为几乎所有其他颜色空间的数学基础,将人类色觉映射到三个三刺激值。Y分量对应于亮度,使XYZ成为色彩科学的核心。

另请参阅: XYZ Format