全色域色谱对照表（RGB 与十六进制）

做设计选色时常需要在色谱上找相近色再取具体数值。这个页面按色相与明度铺开完整色域，每个色块标出 RGB 与十六进制值，可直接复制到 CSS 或设计工具中使用。

使用方法

1. 按色相行、明度列浏览色谱
2. 点击色块获取 RGB 与 hex 值
3. 复制数值粘贴到样式表或设计软件

计算公式

十六进制	#RRGGBB 每两位表示一个通道，00～FF 对应 0～255
RGB 转 hex	hex = (R<<16) + (G<<8) + B 再格式化为六位
亮度感知	Y ≈ 0.299R + 0.587G + 0.114B 绿色对亮度贡献最大
对比度	CR = (L1 + 0.05) / (L2 + 0.05) WCAG 要求正文至少 4.5:1

计算示例

要点与常见误区

• 网页安全色是 216 种固定值，现代显示设备已无此限制，不必刻意遵循。
• 同一 RGB 值在不同色域屏幕（sRGB／P3）上观感不同，印刷还需转 CMYK。
• 文字与背景的对比度直接影响可读性，浅色系搭配尤其要核对。
• 六位 hex 每两位一个通道，顺序固定为 R、G、B，拆反了颜色整体偏移，蓝绿互换是最常见的错法
• 这个表给的是屏幕用色（sRGB 数值），拿去做印刷时要重新转 CMYK，直接照抄会印出发灰的暗色

常见问题

为什么印刷出来的颜色和屏幕不一样？

屏幕是发光加色（RGB），印刷是减色（CMYK），色域范围不同，部分鲜艳色无法印出。

#FFF 和 #FFFFFF 有区别吗？

没有，三位缩写是六位的简写形式，仅当每通道两位相同时可缩写。

怎么快速判断颜色深浅？

看亮度 Y 值，Y 大于 128 偏亮，适合配深色文字；小于 128 偏暗，适合配白字。

#336699 能缩写成 #369 吗

能。缩写规则是每个通道两位数字相同时取一位：33 → 3，66 → 6，99 → 9，所以 #336699 = #369。反过来 #369 展开就是 #336699。若两位不同如 #334499 就不能缩写，写成 #349 是另一个颜色。

rgb(51,102,153) 转成 CMYK 印出来会一样吗

数值上可粗算：R′=0.2、G′=0.4、B′=0.6，K = 1 − 0.6 = 0.4，C = (0.6−0.2)/0.6 ≈ 67%，M = (0.6−0.4)/0.6 ≈ 33%，Y = 0，即 C67 M33 Y0 K40。但实际印刷要经 ICC 特性文件转换，同一组数值在铜版纸和胶版纸上结果不同，屏幕上的亮蓝印出来普遍偏灰偏暗，大样必须打样确认。

同一组 RGB 在两台显示器上看为什么不一样

屏幕发光原理和色域不同：sRGB 屏与 P3 广色域屏显示同一组数值，后者饱和度更高；亮度、色温设置（6500K 与 9300K）也会改变观感。色值本身没变，变的是显示端。核对颜色以色值为准，或把两台屏幕都校到 sRGB 模式再看。

相关计算器

• 颜色匹配度计算器
• RGB三原色组合颜色计算器
• 颜色混合器计算器
• 在线颜色取色器（4096色）
• 在线颜色取色器(6x6x6 = 21
• 随机颜色生成器
• 文字背景色计算器
• RGB转换为十六进制颜色
• 转换为HTML颜色代码（十六进制变为
• 相近颜色取色计算器