原色
不能通过混合其他颜色来创建的一组颜色,给定颜色模型中的所有其他颜色都可以从中导出。在加色法中原色是红、绿、蓝(RGB)。在减色法中传统原色是红、黄、蓝(RYB),现代印刷中为青、品红、黄(CMY)。
另请参阅: RGB Format, CMYK Format
一种罕见的不完全色盲形式,眼睛的视锥细胞部分功能正常,导致色觉严重降低但未完全丧失。有时被称为不完全全色盲。受影响者看到的是整个色谱的低饱和度、褪色版本。
由视网膜中视锥细胞不功能或缺失引起的完全色觉丧失。全色盲患者完全以灰度阶调感知世界,通常伴有光敏感和视力下降。全球约每3万人中有1人受影响。
添加到颜色值中的第四个通道(除红、绿、蓝之外),表示该颜色的不透明度或透明度。Alpha值为1(或100%)表示完全不透明,而0表示完全透明。在CSS中通过rgba()、hsla()和现代颜色函数广泛使用。
另请参阅: HEX Format, RGB Format
颜色发射或反射的光的感知强度,从黑色(无亮度)到最大发光强度。在HSB/HSV颜色模型中,亮度是'B'或'V'分量,与HSL中的明度不同。增加亮度使颜色更鲜艳,而降低亮度则使颜色趋向黑色。
另请参阅: HSB Format
相对于类似照明的白色表面亮度的刺激色彩度量。与饱和度不同,色度是绝对度量——高色度颜色无论其明度如何都显得鲜艳纯净。它是LCH和OKLCH颜色空间中的'C'分量。
另请参阅: LCH Format, OKLCH Format
印刷生产中使用的减色模型,代表青色、品红色、黄色和关键色(黑色)。油墨从白纸上吸收(减去)特定波长的光,将四种油墨以全强度组合会产生接近黑色。CMYK是胶印、喷墨打印机和商业印刷的标准颜色模型。
另请参阅: CMYK Format
由于视网膜中缺失或有缺陷的视锥光感受器,个人区分某些颜色的能力降低或缺失的状况。最常见的类型是红绿色觉缺陷,其次是蓝黄色觉缺陷和全色盲。全球约8%的男性和0.5%的女性受影响。
设备、颜色空间或印刷过程可以再现的完整颜色范围。更宽的色域意味着可以显示或打印更多颜色。常见色域包括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
W3C规范,通过新的颜色函数和颜色空间扩展CSS颜色功能,包括oklch()、lab()、lch()、hwb()和用于任意颜色空间的color()函数。它在样式表中直接引入感知均匀的颜色操作。自2024年起所有现代浏览器均支持。
另请参阅: CSS Color Converter
量化两种颜色之间感知差异的指标,较低的值表示视觉上更相似的颜色。最新版本Delta-E 2000是行业标准。低于1.0的Delta-E值通常被认为人眼无法察觉。
另请参阅: Tailwind Color Finder
最常见的色觉缺陷形式,由M锥光色素的突变引起,使其敏感度向红色偏移。导致区分红色和绿色色调的能力降低。影响约5%的男性和0.35%的女性。
由视网膜中M锥光感受器完全缺失引起的红绿色盲形式。绿色盲患者无法感知绿色光,将红色、绿色和一些棕色混淆。影响约1.2%的男性和0.01%的女性。
应用于编码颜色值的非线性传递函数,以考虑像素数值与屏幕上显示的实际亮度之间的非线性关系。伽马值2.2是大多数显示器和sRGB颜色空间的标准。伽马校正确保图像在不同设备上以一致的亮度显示。
在特定颜色空间内可以精确表示或由特定设备再现的完整颜色子集。超出给定色域的颜色在颜色空间转换时需要近似或裁剪。宽色域显示器可以显示比标准sRGB显示器更饱和的颜色。
另请参阅: Color Formats Reference
从黑色通过各种灰色到白色的无彩色范围,不包含颜色信息。在灰度图像中,每个像素仅存储亮度值。灰度在设计中用于中性背景、无障碍测试和印刷准备。
使用以#为前缀的十六进制字符串表示颜色的标记法。标准HEX代码如#FF5733将红、绿、蓝通道编码为两位数对。支持3位简写、带alpha的4位和8位变体。HEX是Web开发中使用最广泛的颜色格式。
另请参阅: HEX Format
代表色相、饱和度和亮度的圆柱形颜色模型,也称为HSV。色相是颜色角度(0-360度),饱和度衡量颜色纯度(0-100%),亮度表示峰值光强度(0-100%)。它是Photoshop和Figma等工具中大多数颜色选择器使用的颜色模型。
另请参阅: HSB Format
代表色相、饱和度和明度的圆柱形颜色模型。色相以色轮上的度数表示(0-360),饱和度为颜色强度的百分比,明度为从黑色经纯色到白色的百分比。HSL在CSS中原生支持,因其直观的结构常被优先于RGB使用。
另请参阅: HSL Format
定义颜色在色轮上位置的属性,以0到360度的角度测量。红色位于0度,绿色位于120度,蓝色位于240度。色相是区分一个颜色家族与另一个的基本品质,是HSL、HSB、HWB、LCH和OKLCH颜色模型中的H分量。
另请参阅: HSL Format
代表色相、白度和黑度的颜色模型,旨在成为人类选择颜色的最直观方式。色相是色轮上的角度,白度表示混入了多少白色,黑度表示混入了多少黑色。HWB在CSS Color Level 4中通过hwb()函数得到支持。
另请参阅: HWB Format
感知均匀的颜色空间(CIELAB),由三个轴组成:L表示明度(0-100),a表示绿-红轴(-128至127),b表示蓝-黄轴(-128至127)。LAB中等量的数值步进对应于大致等量的感知色差,使其成为计算色差的标准参考。在CSS Color Level 4中得到支持。
另请参阅: LAB Format
CIELAB颜色空间的圆柱形表示,使用明度、色度和色相。LCH比LAB的笛卡尔轴更直观,因为色度和色相是独立的,便于创建感知均匀的颜色标度。在CSS Color Level 4中通过lch()函数支持。
另请参阅: LCH Format
相对于参考白的颜色感知亮度,范围从0%到100%。在HSL中,0%明度是黑色,50%是纯色相,100%是白色。在LAB和OKLCH等感知颜色空间中,明度设计为更均匀。
另请参阅: HSL Format, LAB Format
通过在最长轴的中位数处递归分割颜色空间,将大量颜色减少为较小的代表性调色板的颜色量化算法。1982年由Paul Heckbert首次描述,至今仍是从图像中提取主色调最广泛使用的方法之一。
另请参阅: Image Color Extractor
由Björn Ottosson设计的现代感知颜色空间,使用明度、色度和色相。通过提供更均匀的色相行为改进了LCH,消除了CIELAB空间中出现的色相偏移。被推荐用于CSS Color Level 4。
另请参阅: OKLCH Format
颜色或元素阻挡其后方内容的程度,表示为0(完全透明)到1(完全不透明)的值。在CSS中可通过opacity属性或颜色函数的alpha通道设置。不透明度对于分层、玻璃拟态效果和创造视觉深度至关重要。
另请参阅: RGB Format
为在设计中协同工作而精选的颜色集合,通常包含3到10种颜色。调色板使用色彩和谐规则、品牌指南或美学偏好来构建。设计良好的调色板确保视觉一致性和足够的无障碍对比度。
另请参阅: Palette Generator
由Pantone LLC开发的专有颜色匹配系统,为数千种标准化专色分配唯一的字母数字代码。它是印刷、时尚、工业设计和产品制造中颜色沟通的行业标准。
不能通过混合其他颜色来创建的一组颜色,给定颜色模型中的所有其他颜色都可以从中导出。在加色法中原色是红、绿、蓝(RGB)。在减色法中传统原色是红、黄、蓝(RYB),现代印刷中为青、品红、黄(CMY)。
另请参阅: RGB Format, CMYK Format
由L锥光色素突变引起的红绿色觉缺陷,使其敏感度向绿色偏移。导致区分红色和绿色的能力降低,红色看起来更暗且不那么鲜艳。影响约1.3%的男性和0.02%的女性。
由视网膜中L锥光感受器完全缺失引起的红绿色盲形式。红色盲患者无法感知红色光,导致红色看起来暗沉。影响约1.3%的男性和0.02%的女性。
使用三个通道表示颜色的加色颜色模型:红色(0-255)、绿色(0-255)和蓝色(0-255)。它是数字屏幕的原生颜色模型。RGB是Web开发中最广泛使用的颜色格式之一,在CSS中以rgb()和rgba()形式支持。
另请参阅: RGB Format
颜色的强度或纯度,表示与相同明度的中性灰相比颜色显得多么鲜艳。完全饱和的颜色不含灰色显得最为鲜艳,而低饱和度的颜色显得柔和或褪色。饱和度是HSL和HSB中的S分量,范围从0%到100%。
另请参阅: HSL Format, HSB Format
从基色开始,使用色轮上其互补色两侧的两种颜色的色彩和谐。它提供类似互补色的高视觉对比度,但更具细微差别且视觉张力更小。是最通用和流行的和谐类型之一。
另请参阅: Palette Generator
HP和微软于1996年为显示器、打印机和互联网创建的标准RGB颜色空间。sRGB是网络、CSS和大多数消费级显示器的默认颜色空间,但其相对较窄的色域无法表示高度饱和的颜色。
另请参阅: RGB Format
Tailwind CSS实用优先框架中的默认颜色系统,由22个颜色系列组成,每个系列11个色阶。调色板为无障碍、一致的UI开发而设计,共有242个命名颜色工具类。
通过向基色添加灰色创建的颜色变化,在保持大致相同明度的同时降低饱和度。灰色调比纯色相显得更柔和、更精致、更自然。现实世界中看到的大多数颜色是灰色调而非纯色相。
另请参阅: Palette Generator
由S锥光色素突变导致敏感度降低引起的罕见蓝黄色觉缺陷形式。蓝色弱者难以区分蓝色和绿色以及黄色和紫色,但保留一定的蓝色感知。估计影响约0.0001%的人口。
由视网膜中S锥光感受器完全缺失引起的罕见色盲形式。蓝色盲患者将蓝色与绿色、黄色与紫色混淆。与红绿色觉缺陷不同,蓝色盲以相似的比率影响男性和女性。
由W3C的网络无障碍倡议发布的网络内容无障碍指南,定义了使网络内容对残障人士可访问的标准。WCAG 2.1指定了最低颜色对比度——正常文本4.5:1(AA)、大文本3:1(AA)和正常文本7:1(AAA)。
另请参阅: Contrast Checker
由国际照明委员会定义的设备无关颜色空间(CIE 1931 XYZ)。它作为几乎所有其他颜色空间的数学基础,将人类色觉映射到三个三刺激值。Y分量对应于亮度,使XYZ成为色彩科学的核心。
另请参阅: XYZ Format