你有没有发现：同一张照片，在手机上看和打印出来的颜色总是不一样？在朋友的屏幕上看，也可能偏红或偏暗。实则，这并不是照片的问题，而是颜色的“语言”不同。不同的软件、设备、乃至打印机，都在用自己的一套色彩系统。想真正还原眼中看到的颜色，就要先了解这些系统背后的色彩格式。

HEX

• 示例：#E63946
• 主要用途：网页、数字设计等

HEX 是最常见的颜色表明方式，尤其在网页和数字界面中。它实则是 RGB 的16进制表达方式，列如 #FFFFFF 就是白色，#000000 是黑色。它的优势在于：简单、通用、跨平台。几乎所有软件都能直接识别。如果你是做社交媒体配色、网页配色或数字绘画，HEX 格式完全够用。

• 小结：通用、简洁、适合色彩分享

图1 Photoshop颜色面板（示例含下面颜色格式）

RGB

• 示例：RGB（230,57,70）
• 主要用途：屏幕显示、视频、数字插画等

RGB 代表 Red、Green、Blue（三原色光），如图2，我们在屏幕上看到的所有颜色，都是三种光混合的结果。当三种光全开时得到白色，全关时就是黑色。所以它是“发光”的颜色系统，专为电子设备设计。

• 小结：所有屏幕上的色彩都基于RGB。

图2 三原色（图片来源：维基百科）

CMYK

• 示例：CMYK(11%,89%,66%,0%)
• 主要用途：印刷出版、包装、杂志画册等

CMYK 是 Cyan（青）+ Magenta（品红）+ Yellow（黄）+ Black（黑） 的缩写。它是“吸光”的系统，通过墨水层层叠加反射光线来呈色。这意味着，同样的RGB颜色，在CMYK中会显得更暗、更灰，如图3。所以，如果你要把作品打印出来，必定要转成 CMYK 模式！

• 小结：数字用RGB，印刷用CMYK。别混！

图3 RGB与CMYK对比（图片来源：维基百科）

HSB

• 示例：HSB（355°,75%,90%）
• 主要用途：调色、教学、艺术创作等

HSB（或HSV）是 Hue（色相）+ Saturation（饱和度）+ Brightness（亮度） 的缩写。它让颜色更贴近人类视觉逻辑——列如我们描述“更亮一点”“更灰一点”，实则就是在调整明度与饱和度。设计师在选色时，往往更喜爱用HSB来“感觉颜色”，由于它更直观。

• 小结：用来理解“颜色感觉”的最佳系统。

HSL

• 示例：HSL（355°,75%,90%）
• 主要用途：CSS网页设计、动画效果、界面配色等

HSL 与 HSB 很类似，只是 Brightness（亮度）换成了 Lightness（明度），即Hue（色相）+ Saturation（饱和度）+ Lightness（明度） 的缩写，区别在于计算方式略不同，但大部分情况下颜色显示接近。顺便区分一下明度和亮度，明度表明人眼感知到的颜色的明暗程度，亮度偏物理意义上的发光，表明颜色本身发光的强度。

• 小结：适合网页前端和交互动效。

Lab

• 示例：Lab（53,66,36）
• 主要用途：色彩管理、色差分析、印刷精度控制等

Lab 模式并不依赖具体设备，而是模拟人眼的感知。如图4，Lab 模型由三部分组成：L（明度）a（红绿轴）b（黄蓝轴），L的范围是从 0（纯黑色） 到 100（纯白色），红绿轴和黄蓝轴代表一条颜色轴，红绿轴负值（-A）表明绿色，正值（+A）表明洋红色；黄蓝轴负值（-B）表明蓝色，正值（+B）表明黄色，两个颜色轴的中间值0表明没有色彩倾向的中性灰。这种模式被广泛用于工业印刷、纺织染整、摄影修图等领域，用于计算色差（ΔE）和标准化颜色。

• 小结：科学级色彩语言，跨设备最精准。

图4 Lab颜色模型（图片来源：百度百科）

色彩不仅是感性的艺术，而是一门有逻辑的科学。理解颜色格式，就像学会“不同国家的语言”——你用哪一种，就决定了别人如何“看到你的作品”。当你能灵活切换这些系统，就能真正做到：感性创作 + 理性表达。

【声明】本文图片来源于网络，如您发现图片存在版权问题，请及时联系删除。