拓十年匠心定制 · 商业建站与技术教学双线并行 咨询热线:400-886-1026 service@lmnt.cn
ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

常用RGB颜色查询对照表PDF:从色名到情感色的设计配色指南

常用RGB颜色查询对照表PDF:从色名到情感色的设计配色指南

简介:面向平面设计师、印刷排版人员和色彩学习者的常用RGB颜色查询对照表,集合了常见颜色的RGB数值、十六进制色号与感情色分类,解决设计选色与印刷校色时颜色对照不便的问题。资源为单个PDF文件,仅37KB,内容紧凑,包含从黑色、白色、黄色、品蓝到森林绿、珊瑚色等数十种常用颜色的标准数值,并列出感情色如品红、洋红、宝石红、玫瑰红等对应的情绪语义,如热情、大胆、富贵、典雅,同时简要介绍颜色在图形设计、印刷出版和品牌识别中的应用场景。该资源已有251人学习,适合设计初学者、教育工作者及需要快速查阅色值的从业者,可帮助建立颜色与情感之间更直观的认知。整体PDF结构清晰,按色系分类排列,方便按需定位,是一份便于随时查阅的轻量色彩参考工具。

1. 常用RGB颜色查询对照表:这本PDF能在配色现场替你省掉一小时

做设计的人大多经历过这种尴尬——甲方说“要一个有生命力的红”,你在拾色器里来回拖了二十分钟,拖出来的颜色还没法说服自己。或者,海报排好了,发印前才发现CMYK跟RGB数值混着用,印出来的灰度跟屏幕完全是两回事。这份PDF其实解决的就是这类高频杂活:把常见颜色的色名、RGB值、CMYK值以及对应的情感语义放在同一张表里,查色的时候不用再在软件里一个个试。它适合平面设计、UI设计、印刷出版方向的学生和从业者——尤其是那些经常需要给颜色“一个说法”的人。

2. 颜色对照表的内部逻辑:RGB、CMYK、感情色是怎么对应起来的

2.1 表里其实有两套色系:基础色块与感情色板块

打开这份PDF,第一眼看到的是大量“黑色 000 #000000”“黄色 255 255 0 #FFFF00”这样的基础色块记录,格式统一成一排:色名、RGB数值、十六进制Hex值各占一列,一眼能扫完。这些基础色块覆盖了红、绿、蓝、黄、橙、紫、棕、灰等日常高频色,适合快速定位“我想要的那个常见色”到底对应什么数值。

往后翻才是这份PDF真正的重头戏——感情色板块。每一行除了颜色名称,还同时标注了CMYK百分比和RGB数值,并且每个颜色都带一个中文情感标签,比如“品红 Magenta(热情)”“宝石红 Ruby(富贵)”“天蓝 Sky-blue(清凉)”。如果说基础色块解决的是“这个颜色叫什么”的问题,感情色板块解决的就是“我想要什么情绪,该选哪个色”。

两套色系的使用场景不一样:基础色块适合快速对色、写代码时查十六进制值,感情色板块适合做设计提案、品牌视觉、印刷品选色时往情绪方向深挖。我拿到这种颜色表,第一件事就是确认两个板块的边界在哪,免得后面取色取错了位置。

2.2 同一颜色,为什么要同时给CMYK和RGB两组值

这是这张表结构上最值得注意的一点。RGB是加法混色,三个通道各自发光,红加绿得到黄、红加蓝得到品红,屏幕上看见的所有颜色都是光直接叠加出来的。而CMYK是减法混色,青色、品红、黄色、黑色四种油墨叠在纸上,靠吸收特定波长的光来呈现颜色。同一个“品红”,在屏幕上你写 RGB(207, 0, 112),到了印刷厂却得按 C15 M100 Y20 K0 去出片,两组数值表达的是同一个视觉目标,但物理实现机制完全不同。

表里给的是已经转换好的对应关系,不是让你现场算。比如“洋红 Carmine”,RGB(215, 0, 64),CMYK 是 C0 M100 Y60 K10;“酒红 Buraunby”的 RGB 是(102, 25, 45),CMYK 则深到 C60 M100 Y80 K30。如果只给一组值,屏幕上看对了,印出来大概率偏色;只给CMYK,你在电子设备上预览时又没法直观感受色相。这个双值结构,就是逼着你在一开始就定好使用场景。

下表可以快速理解两套体系的分工:

项目RGBCMYK
原理加色混光,显示器/屏幕发光减色混墨,油墨吸收光
典型范围0-255,三通道0%-100%,C/M/Y/K 四通道
使用场景网页、UI、视频、手机端印刷、喷绘、包装打样
色域大小较大,包含部分CMYK外颜色较小,纯红纯绿通常超域
表里的写法R207 G0 B112C15 M100 Y20 K0

提示:屏幕上的视觉判断永远不能替代CMYK打样,高饱和的品红、亮绿在屏幕上看得很漂亮,一旦转成CMYK就会掉一个档次。

2.3 感情色的命名逻辑:色名就是设计语言的锚点

感情色板块里最有趣的设计,是每个颜色名后面跟了一个中文情绪词。红色系从“积极”到“威严”排了一整条情绪链:朱红 Vermilion“积极”、绯红绛红 scarlet“生命力”、深红 Strong-red“华丽”、绯红 Cardinal-red“威严”。蓝色系又从“奇趣”到“传统”铺了另一条线:地平线 Horizon-blue“奇趣”、水蓝 Aqua-blue“正义”、钴蓝 Cobalt-blue“镇静”、深蓝 Midnight-blue“传统”。

这套命名体系其实来自传统美术色彩理论,不是随便贴的标签。每个颜色词都带着文化记忆——绯红在西方语境里与宗教仪仗、权力象征绑定,所以标“威严”;海军蓝源自英国皇家海军制服,标“纪律”很自然。设计师拿到一个需求,比如“品牌要传达信任感”,直接查蓝色系里标着“格调”“宁静”“睿智”的条目,比凭感觉从拾色器里拖要快得多,也可以避免主观偏好带来的偏色。

但要注意,这个情感标签是参考锚点,不是绝对标准。同样是蓝色,表里“品蓝、宝蓝 Royal-blue”标“格调”,“青蓝 Slate-blue”标“静寂”,两者RGB值差得很远。情感词的颗粒度比颜色词粗,它帮你缩小候选范围,最终选哪个色还是要看具体配色环境和印刷介质。

3. 把PDF变成实际可用的取色工具:查色、取色、转格式

3.1 从PDF里查色:三种不依赖专业软件的取值方法

拿这份PDF查颜色,最省事的办法其实不用装Photoshop。方案一是用浏览器直接打开PDF,按键盘上的截屏键截下目标区域,打开系统自带的画图工具粘贴,用取色笔读取RGB。这个方法任何电脑都能跑,不需要额外安装软件。方案二是在Acrobat Reader里用选择工具选中某个色块旁边留的白边,复制后用在线拾色器解析CSS颜色,但操作偏绕,我试过几次后放弃了。

方案三是把PDF当成数据源,直接用Python提取文本内容。这个思路适合需要经常查色、或者要把这份表整合进自己工作流的人。下面这段代码用 pdfplumber 把每一页的文字拼起来,再通过正则把“色名 + RGB数值”的记录抽出来:

import pdfplumber import re pdf_path = "常用RGB颜色查询对照表及感情色.pdf" with pdfplumber.open(pdf_path) as pdf: all_text = "\n".join(page.extract_text() for page in pdf.pages) # 匹配格式: 色名 + RGB: R207 G0 B112 / RGB: 207,0,112 / RGB: (207,0,112) pattern = re.compile( r"([\u4e00-\u9fa5A-Za-z][\u4e00-\u9fa5A-Za-z\-\s()()]*?)\s*" r"RGB\s*[::]?\s*\(?\s*(?:R\s*)?(\d{1,3})\s*[,,\s]\s*" r"(?:G\s*)?(\d{1,3})\s*[,,\s]\s*(?:B\s*)?(\d{1,3})", re.IGNORECASE ) colors = [] for m in pattern.finditer(all_text): colors.append({ "name": m.group(1).strip(), "rgb": (int(m.group(2)), int(m.group(3)), int(m.group(4))) }) print(f"提取到 {len(colors)} 条颜色记录") for c in colors[:5]: print(c)

代码的逻辑分三步:先用 pdfplumber 逐页提取文本并用换行符拼接,再用正则按“色名+RGB数值”的格式匹配,最后把匹配结果转成结构化字典。这里的\d{1,3}限定RGB分量取值范围为0到255,因为超过三位数的值在颜色体系里没有意义。正则里用[\u4e00-\u9fa5A-Za-z]做色名开头,是为了同时兼容中文色名和英文色名,避免把前面的换行符或序号吞进来。

需要注意,这份PDF前半部分的基础色块写的是“黑色 000 #000000”,没有“RGB:”前缀,所以这段正则只抓得到感情色板块里的条目。想要把基础色块也一起提取,需要再加一组针对“色名+三个数字+井号六位Hex”的正则,格式上有差异,一次性写全容易把边界条件搞混。我一般先把感情色部分结构化,基础色块用人工核对的方式补进去,反而比硬调正则更快。

3.2 正则匹配失败时,优先看这四处

PDF文本是从排版文件解析出来的,经常保留着视觉上的空格和换行,正则写得太严就会漏匹配。对照这份PDF,最常见的失败点有四个:

一是中文和色名之间有全角空格或特殊连字符,比如“绯红,绛红 scarlet”中间有中文逗号。二是RGB后既可能跟全角冒号也可能跟半角冒号,甚至原文里还出现过“R :”这种中间带空格的写法。三是部分颜色给出的是“R238 G134 B154”这样带字母前缀的格式,另一部分直接写“207,0,112”。四是CMYK字段可能缺K值,比如“浅土色 Pale-ocre”只写了“C20 M30 Y45”,后面没有K。

排查的顺序我一般这样走:先打印出all_text里包含“RGB”的附近50个字符,看真实的字符间隔长什么样;再小步改正则,每次只放宽一个字符节点,比如把[::]扩成[::\s]*;最后用print(len(colors))观察匹配数量,如果一次能抓到100条以上,说明主体格式已经通用。比上来就写一个超长正则要稳得多,也方便事后给这条规则加注释。

3.3 CMYK与RGB互转:工程近似公式和它的边界

拿到这份表,偶尔会遇到反过来用的情况——某个品牌方只给了Pantone色号,或者只给了CMYK百分比,但你的设计稿需要RGB值。表里的感情色板块本身已经给了对应关系,但没覆盖到的颜色需要自己换算。行业里最常用的近似公式是三段线性变换,代码很短:

def cmyk_to_rgb(c, m, y, k): """CMYK百分比转RGB 0-255,输入范围0-100""" r = round(255 * (1 - c / 100) * (1 - k / 100)) g = round(255 * (1 - m / 100) * (1 - k / 100)) b = round(255 * (1 - y / 100) * (1 - k / 100)) return r, g, b # 用表里的 品红 Magenta 做验证 c, m, y, k = 15, 100, 20, 0 print(cmyk_to_rgb(c, m, y, k))

逻辑上这个公式把每个通道的油墨覆盖率换算成光线透过率:青色油墨挡住红色光,所以红色通道乘以(1 - c/100),同时黑色油墨对所有通道一视同仁,所以每个通道都要再乘(1 - k/100)。100%的K会直接把RGB压成0即黑色,0%则不影响结果,跟直觉一致。

但把这个公式的结果跟表里给的值对一下就会发现:品红 Magenta 用公式算出来是(216, 0, 102),表里却写的是RGB(207, 0, 112),差了一截。这是因为表里的数据大概率经过了ICC色彩配置文件的适配,而公式是纯粹的数学近似。印刷行业真正的颜色转换,用的是包含了设备色度特征的ICC Profile,不是几行公式能替代的。所以这条函数只适合做快速估算,比如把一个大概的CMYK换算成屏幕上能预览的样子。做正式印刷输出,请找打样公司要他们的色彩配置文件,或者用专业的色彩管理软件做软打样,别拿脚本结果直接出片。

4. 感情色在实际项目里的落地:选色逻辑、搭配思路和品牌场景

4.1 从情绪关键词反推色系:一套可复制的选色工作流

收到一个“要优雅、不要太张扬”的视觉需求时,大部分新手会直接打开拾色器凭感觉挑,挑完被说是玄学。我的做法是拿着感情色表按情绪词反推:先定位“优雅”这个词,在紫色系里能看到紫藤 Wisteria“风雅”、淡粉 Pale-pink“雅致”、灰紫 Gray-purple“神秘”这些条目。选两到三个相近色,再确定主色跟点缀色的关系。

举个例子,给美妆品牌做包装主视觉,目标是“温柔但有品质感”。我会先在粉紫系里圈出三个候选:玫瑰粉 Rose-pink RGB(238, 134, 154)、紫藤 Wisteria RGB(115, 91, 159)、浅莲灰 Pale-lilac RGB(237, 224, 230)。前两个做主色候选,浅莲灰做背景色,三个颜色在明度和饱和度上形成梯度,既有层次又不会跳脱。

这套工作流的底层逻辑,是让“情绪需求”和“色相选择”之间有一条可追踪的链路。情绪词是模糊的,颜色值是可验证的,把模糊需求映射到具体色值,相当于给方案上了保险。哪怕最后交付时甲方说“这颜色不够高级”,你也能说出当初为什么选这几个色,而不是哑口无言。

4.2 色系搭配的安全区:从表里按“情感分组”取色

感情色表还有一个妙用,就是按情感分组做配色,而不是按色相做配色。传统配色调色板让你选一个主色,再找它的对比色或邻近色。但这份表的条目天然把“相近情绪”的颜色归到了一起,比如“诚实可信”这个需求在蓝色系里能拉出一整条链:水蓝 Aqua-blue“正义”RGB(89, 195, 226)、蔚蓝 Azure-blue“爽快”RGB(34, 174, 230)、钴蓝 Cobalt-blue“镇静”RGB(0, 93, 172)、深蓝 Ultramarine“深远”RGB(0, 64, 152)。

这四个蓝放在一起,本身就是一套有层次的同类色方案,低饱和到高饱和、高明度到低明度都覆盖了,不需要额外去调色板里找辅助色。做界面设计时,把浅水蓝用在大面积背景上,钴蓝用在按钮上,深蓝用在文字层级较高的区域——同类色的亲和力让页面不会出错,同组情感词又保证了气质统一。

不过要提醒一点,同组选色安全是安全,也容易显得平淡。我的习惯是从目标情绪组里选两个主色,再从冷暖对立的组里挑一个点缀色做对比。比如金融类产品界面,主色用蓝色的“信赖”组,点缀色用暖黄色系里“丰收”标签的太阳橙 RGB(241, 141, 0),视觉上就活起来了,同时橙色的“丰收”语义也贴合理财场景。

4.3 品牌落地:把参考色变成可执行的标准色值

品牌项目走到最后,需求方往往要的是“这个颜色以后永远就长这样”。这一份颜色表里的条目只能当参考起点,不能直接当品牌标准。因为品牌色需要同时锁定RGB、CMYK、Hex、Pantone四套数值,并且确认每一套值在不同介质上都能稳定复现。

我一般会从表里选定色相后,再单独做一轮标准化:记录RGB精确到整数、CMYK百分比保留整数、Hex代码统一大写且不带Alpha通道,Pantone色号单独查官方色卡。表里那些带情绪词的颜色往往经过了语言润色,名字好听,但实际显示效果可能跟品牌气质存在微妙偏差,比如“火烈鸟 Flamingo”标“可爱”,实际RGB(245, 178, 178)已经接近珊瑚粉,用在商务品牌上明显不搭。

下表是一张做品牌色卡时的推荐字段结构:

字段示例用途
中文名称宝石红 Ruby内部沟通
英文名称Ruby防止中文同名歧义
情感词富贵需求文档翻译
RGB200 8 82屏幕端
Hex#C80852前端/UI标注
CMYKC20 M100 Y50 K0印刷端
适用范围主视觉、logo辅助色使用边界确认

这套字段是我在几个品牌项目里磨出来的,初看起来琐碎,但没有它,设计交付时经常要来回补文件。PDF里的感情色表能帮你压缩“选色方案”这个环节,后面的标准化动作才是决定项目能不能落地的那一步。

5. 用这张颜色表避坑:色差、色名歧义、取色不准的真实翻车记录

5.1 同一个色名、两套数值:拷贝参考色时最容易翻车

现象:照着PDF里“品红 Magenta”的RGB值(207, 0, 112)填进设计稿,发印后印刷品颜色明显偏暗,跟当初屏幕预览的感觉差很多。

原因:品红在表里同时给了CMYK(15, 100, 20, 0)和RGB两套值,前者是印刷色,后者是屏幕色。只取RGB发印,等于让印刷厂用屏幕色值去出片,中间缺少CMYK转换。还有个别条目CMYK本身就不全,比如“浅土色 Pale-ocre”只给了C20 M30 Y45没给K值,从这份PDF提取数据时很容易顺手抄漏。

解决:先确认使用场景再取值。屏幕端只用RGB,印刷端只用CMYK,两边来回切换时务必用色彩管理工具转一道。每抄一条颜色,回头检查CMYK四个分量是否齐全,缺K值就参考相近颜色补估并标注“待确认”。

5.2 截图取色和标准值对不上:是谁在说谎

现象:从PDF里截了个色块,用取色器读出来的RGB数值跟表里标注的数值差了很多,有些颜色甚至会偏灰一个级别。

原因:截图经过系统显示器的色彩配置文件转换,显示器本身没校准的情况下,色温偏冷偏暖都会直接影响截图结果。再加上PDF阅读器渲染时也会做色彩适配,截图工具抓到的往往已经是“显示后”的颜色,不是原始色值。

解决:不要用截图值做设计依据。准确的做法是直接用PDF阅读器的“扫描”或“编辑对象”功能读取色块属性,或者把PDF导入Photoshop/Illustrator后用吸管工具取色,这类专业软件会自动还原原始色彩空间。显示器定期用校色仪做一次校准,能救回一大批配色时间。

5.3 中文色名的多义性:看着像同一种蓝,实际差很远

现象:表里“天蓝”这个名字出现了好几次,基础色块里天蓝是RGB(135, 206, 235),感情色板块里天蓝 Sky-blue 是RGB(148, 198, 221),再往后又有天蓝 Cerulean-blue 是RGB(0, 123, 187)。三个“天蓝”放在一起,色相完全不一样。

原因:中文颜色词的语义颗粒度比英文粗,“sky blue”“cerulean blue”“azure blue”在中文里都能被翻译成“天蓝”。PDF的排版同时保留了中英双语,反倒给了个线索:只看英文名就能看出它们根本不是同一个颜色。

解决:以数字为准,不以中文名为准。从这份PDF拿任何颜色,都同时看RGB和英文色名,两个信息对得上才放心用。我自己建色库时直接以英文名为主键,中文名只做辅助检索字段。

5.4 纯色超出CMYK色域:印出来为什么会发灰发暗

现象:用表里的“蓝色 0 0 255”做海报主视觉,在屏幕上浓郁鲜艳,印刷出来却变成带灰调的低饱和蓝,整体“脏”了一截。

原因:纯蓝RGB(0, 0, 255)天然超出发达CMYK印刷色域,青色油墨加品红油墨叠加出来的蓝,最浓郁也只能接近RGB(0, 105, 128)。纸面印刷的减色混光原理决定了它无法复现屏幕上的高饱和纯色,这是物理上限,跟印刷厂水平无关。

解决:发印前先用表的感情色板块找对应CMYK值。比如想用高饱和蓝,选“孔雀蓝 Peacock-blue”RGB(0, 105, 128)、CMYK(100, 50, 45, 0),这个颜色本身就是从CMYK体系设计出来的,印出来跟屏幕几乎一致。屏幕端如果非要纯蓝,就单独做一版屏幕专用素材,不要跟印刷版混用。

5.5 颜色表当不了色彩管理工具:别指望手算代替ICC

现象:用3.3里那个cmyk_to_rgb公式把表里的CMYK值换算成RGB,结果跟PDF标注的RGB对不上,有时候差十几甚至二十个数值。

原因:PDF里的CMYK到RGB不是数学换算来的,是经过ICC色彩配置文件转换后生成的。ICC文件记录了打印设备的实际色度表现和色域边界,转换结果跟理论公式必然存在偏差。公式只能用于“找不到现成数据时的粗略估算”,不能当质量保证。

解决:把这份PDF当作数据字典来用,需要转换时优先查表内已有条目;表内没有的,交给有色彩管理能力的软件去转,比如Photoshop里用“转换为配置文件”功能。从那以后我每次做印刷项目,第一步就是确认对方给的色彩配置文件版本,再决定参考什么色值,这一步省了我后面无数次补色传文件的时间。希望帮到你。

本文还有配套的精品资源,点击获取

返回列表