Public Domain Masterworks · 2026.09

色彩搭配指南

从 13 件公有领域馆藏作品里,用像素统计量出它们真正的配色:每件给出一组实测色卡、面积占比、色相构成与冷暖比,再横向比对出一套能直接搬用的规律与组合。

手绘插画:调色盘、画笔与枝叶
作品:The Met 开放数据 · 公有领域(CC0) 取色:中位切分量化 + OKLab 彩度排序 色值口径:sRGB 十六进制 取色工具:纯本地运算,图片不上传
怎么选的覆盖西方油画、日本浮世绘与中国画,兼顾明亮、低饱和、暗调、单色相等不同色彩性格,并全部限定在公有领域馆藏,可自由引用。
怎么取的色先自动裁去馆藏照片中的画框,再对画面做中位切分量化得到代表色与其面积占比;色相与明度分布按 HSV 统计,点睛色按 OKLab 感知彩度选出。
需要知道的偏差颜色受原作的岁月变化、馆藏拍摄光源与后期影响;这里给的是这批图像上的实测结果,适合屏幕使用与配色参考,不等于颜料本色。

Your Own Image

上传一张图片,直接取出 HEX 与 RGB

选择或拖入一张图片,本页会在你的浏览器里量化出主色,给出每个颜色的 HEX 与 RGB,并可导出 ASE 色板、QGIS 色带 XML、CSV 表格、JSON 数据四种格式:导入 Photoshop 做色板、给 QGIS 制图准备配色、接入表格工具或数据可视化流程都可以直接用。全部计算与导出都在本机完成,图片不会离开这台设备。

手绘插画:手机取景与飘浮的色块
插画 · 装饰图

选好图片后这里会显示预览,并自动提取配色。提取结果会保存在本机,下次打开仍能看到记录。

还没有提取结果选择图片后会自动提取;改了色数或过滤选项,再点一次「提取配色」。

提取记录0

还没有记录每次提取都会自动记录,最多保留最近 30 条。

Brightness Spectrum

先看明度:13 件作品排成一条光谱

横轴为平均明度(0–255 中的 60–200 区间)。条带长度表示该画明度的主体分布(p05–p95)。

60200

Palettes

逐件作品的实测色卡

点击任意色值即可复制。

01

梵高《麦田与柏树》

Vincent van Gogh | 1889 | 西方油画

梵高《麦田与柏树》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 436535
平均明度
124 / 255
明度跨度 p05–p95
46–181
低饱和面积
25%
高饱和面积
50%
暖 : 冷
60 : 40

色相构成:黄 32% · 青蓝 19% · 橙 13% · 绿 13%

配色结构青灰蓝的天空(#839f9d / #648c93)压住上半,黄赭麦田(#937835 / #6e5b2c)铺满下半,暗绿柏树(#445442)在中偏右竖着一刀。

数据读出的门道冷暖几乎对半(60:40),明度差也不大(±40)——躁动感来自笔触与互补色并置,不是明暗对比。麦田的黄是"掺了绿的黄"#937835,饱和度并不高。

可以怎么用想做有生命力的风景:冷蓝灰当背景、暖赭黄当主体,只把最深的绿留给一个竖向结构。

02

梵高《鸢尾花》

Vincent van Gogh | 1890 | 西方油画

梵高《鸢尾花》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 436528
平均明度
171 / 255
明度跨度 p05–p95
73–224
低饱和面积
60%
高饱和面积
24%
暖 : 冷
2 : 98

色相构成:青蓝 34% · 绿 31% · 蓝 26% · 青绿 7%

配色结构六成画面是低饱和浅灰白(#e5e1db / #ccc7c0),花叶集中在翠绿 #74b08e 与暗蓝 #465c6d 之间,最深到 #2c3c4d。

数据读出的门道典型的高留白配色:明度均值高达 171,但高饱和面积只有 24%。靠大块灰白托住,饱和色才敢用。

可以怎么用想用鲜绿或亮蓝又怕吵,就照这个比例:六成浅灰白,三成绿,一成深蓝。

03

塞尚《圣维克多山》

Paul Cézanne | ca. 1902–6 | 西方油画

塞尚《圣维克多山》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 435878
平均明度
111 / 255
明度跨度 p05–p95
63–149
低饱和面积
9%
高饱和面积
58%
暖 : 冷
34 : 66

色相构成:青蓝 49% · 黄 15% · 橙 15% · 青绿 8%

配色结构青蓝 #668793 与 #537b88 是主色,赭黄 #8e7e5b、灰黄 #756f55 做暖点,暗青绿 #394b48 收边。

数据读出的门道冷暖 34:66 是典型冷调风景。但冷色不是纯蓝,而是掺了灰的青蓝(饱和度 30% 上下),所以像远山的空气,不像海水。

可以怎么用室外远景、地图底图:用低饱和青蓝做主色,赭黄只留给少数需要暖的元素。

04

高更《万福玛利亚》

Paul Gauguin | 1891 | 西方油画

高更《万福玛利亚》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 438821
平均明度
113 / 255
明度跨度 p05–p95
63–175
低饱和面积
20%
高饱和面积
54%
暖 : 冷
79 : 21

色相构成:黄 31% · 橙 24% · 绿 17% · 青绿 8%

配色结构灰黄绿 #818a78 打底,橙棕 #916543 / #927b4f 是人物与土地,深绿 #2d4f3f / #3d5147 收在暗部。

数据读出的门道暖色占 79%,但整体明度只有 113,所有颜色都偏"土"。热带感来自黄与绿并置,而不是高饱和。

可以怎么用做异域或自然题材而不俗气:土黄 + 橄榄绿 + 深绿,避开纯橙。

05

克里姆特《玛达·普里马维西》

Gustav Klimt | 1912–13 | 西方油画

克里姆特《玛达·普里马维西》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 436819
平均明度
163 / 255
明度跨度 p05–p95
113–203
低饱和面积
47%
高饱和面积
12%
暖 : 冷
39 : 61

色相构成:蓝紫 23% · 紫 22% · 橙 17% · 青绿 13%

配色结构丁香紫 #a87ea1 是唯一有彩度的主角,其余是米灰 #cbc4b9、浅灰 #bdbdb8、暖灰 #c9beb0,暗紫 #6a596f 在最深处。

数据读出的门道高彩面积只有 12%,层次全靠同一族灰之间的细微明度差——低饱和也能有结构,不靠加颜色。

可以怎么用做温柔成体系的版面:先定冷灰、暖灰、米灰三种灰,再把唯一的紫放进重点。

06

修拉《大碗岛的星期天下午(习作)》

Georges Seurat | 1884 | 西方油画

修拉《大碗岛的星期天下午(习作)》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 437658
平均明度
105 / 255
明度跨度 p05–p95
70–151
低饱和面积
27%
高饱和面积
34%
暖 : 冷
96 : 4

色相构成:黄 40% · 橙 25% · 黄绿 12% · 红 11%

配色结构黄 #8f825d、灰黄 #a4a08e / #918c6c 为主,暗灰绿 #4e5c4f 与 #444f4a 压重。

数据读出的门道暖色占 96%,明度只有 105,饱和也低——接近旧纸。细点并置远看就成了统一的中性暖调。

可以怎么用怀旧、复古排版:黄褐配灰绿,两者都压到 30% 饱和度以下。

07

透纳《捕鲸船》

Joseph Mallord William Turner | ca. 1845 | 西方油画

透纳《捕鲸船》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 437854
平均明度
162 / 255
明度跨度 p05–p95
68–200
低饱和面积
3%
高饱和面积
33%
暖 : 冷
100 : 0

色相构成:黄 80% · 橙 20%

配色结构从 #d6caa5 到 #897d51,全部是同一支黄灰的明度台阶,最暗也只到 #3d321c。

数据读出的门道色相极其单一(黄 80% / 橙 20%),明度跨度却有 68–200。"好看"完全靠明度梯度,不靠色相变化。

可以怎么用想要高级的单色调版面:锁定一个色相,只做明度台阶,不要引入第二个色相。

08

霍默《湾流》

Winslow Homer | 1899; reworked by 1906 | 西方油画

霍默《湾流》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 11122
平均明度
78 / 255
明度跨度 p05–p95
20–150
低饱和面积
15%
高饱和面积
58%
暖 : 冷
34 : 66

色相构成:青绿 39% · 橙 24% · 青蓝 24% · 黄 6%

配色结构暗青绿 #2e4e49 为主,近黑 #232423 / #111b1d / #132627 大面积压重,暖褐 #9b8f72 只出现在小面积。

数据读出的门道13 件里最暗的一件(均值 78)。它说明好看的画面不依赖明亮——靠的是大片暗色里那一点暖褐。

可以怎么用深色海报或封面:暗青绿加墨黑做底,暖褐控制在 10% 以内当信息色。

09

葛饰北斋《神奈川冲浪里》

Katsushika Hokusai | ca. 1830–32 | 浮世绘

葛饰北斋《神奈川冲浪里》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 39799
平均明度
181 / 255
明度跨度 p05–p95
63–233
低饱和面积
27%
高饱和面积
18%
暖 : 冷
15 : 85

色相构成:青蓝 43% · 蓝 42% · 橙 15%

配色结构米纸色 #f3e0c5 / #e0cbaa 约占一半,靛蓝 #384c60 与更深的 #28384e 是浪与富士。

数据读出的门道纸色即底色的典型:浮世绘的米黄纸参与配色。蓝只占约四分之一,却是全画最深色,视觉分量远超面积。

可以怎么用想用蓝又怕重:把蓝压到四分之一以下,让它当画面最深色,其余交给米白。

10

葛饰北斋《凯风快晴(赤富士)》

Katsushika Hokusai | ca. 1830–32 | 浮世绘

葛饰北斋《凯风快晴(赤富士)》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 55736
平均明度
139 / 255
明度跨度 p05–p95
63–245
低饱和面积
27%
高饱和面积
58%
暖 : 冷
44 : 56

色相构成:青蓝 53% · 红 40% · 橙 4%

配色结构砖红 #d1745f 占 12.8% 是全画焦点,蓝 #557b8d / #3e5f74 / #447088 铺开,近白 #fcf6eb 与浅灰 #cdcab6 留白,最深 #193b58。

数据读出的门道冷暖几乎对半(44:56)。主力是一块偏砖的红和一个偏灰的蓝——两个都降到 40% 上下饱和度的"降纯对比",比纯红配纯蓝更耐看。

可以怎么用需要红蓝对比时:红往砖红偏、蓝往灰蓝偏,再留一块近白呼吸。

11

歌川广重《龟户梅园》

Utagawa Hiroshige | 1857 (Ansei 4), 2nd month | 浮世绘

歌川广重《龟户梅园》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 53681
平均明度
161 / 255
明度跨度 p05–p95
90–233
低饱和面积
15%
高饱和面积
45%
暖 : 冷
76 : 24

色相构成:橙 43% · 红 30% · 青绿 21% · 青蓝 3%

配色结构桃粉 #f8ae97 / #fab99f 是花,浅橙白 #f3e1c3 / #fdeacd 是纸与雾,灰褐 #836c66 画枝干。

数据读出的门道暖色 76%,但明度高达 161——是"明亮的暖"而不是"厚重的暖"。灰褐是唯一的暗部,负责撑住结构。

可以怎么用春天、柔和主题:桃粉配米白,用一个灰褐压住结构,不要用黑。

12

屈鼎《夏山图》

Qu Ding | ca. 1050 | 中国画

屈鼎《夏山图》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 39915
平均明度
97 / 255
明度跨度 p05–p95
69–162
低饱和面积
0%
高饱和面积
77%
暖 : 冷
100 : 0

色相构成:橙 95% · 黄 5%

配色结构整套都是绢本褐:#c8a97a 到 #7d6a4c、#635744、#5b5040,最深 #484036。

数据读出的门道中性色占比 0——千年绢本整体泛黄褐,连墨色在实拍里都带暖。色相 95% 集中在橙,全靠明度分层。

可以怎么用水墨或古风版面:褐调单色系为主,明度差拉开,点缀只留在标题或印章。

13

宋徽宗《竹禽图》

Emperor Huizong | early 12th century | 中国画

宋徽宗《竹禽图》
图像来源:The Met 开放数据(CC0 / 公有领域)· objectID 39936
平均明度
129 / 255
明度跨度 p05–p95
99–191
低饱和面积
1%
高饱和面积
95%
暖 : 冷
100 : 0

色相构成:橙 95% · 黄 3%

配色结构赭褐 #ad8052 / #977144 / #9e7547 铺满,浅绢 #e1c699 是亮部,最暗 #72523a,最饱和 #a46342。

数据读出的门道与《夏山图》共享同一套绢本底(#e1c699 对 #c8a97a)——宋代绢本绘画的暖褐底高度统一,这正是"宋画感"在配色上的来源。

可以怎么用要做宋画感:先用绢黄打底,再用赭色画细节,几乎不需要别的颜色。

Combinations

12 组可直接搬用的搭配

Rules

六条从这 13 件里读出来的规律

  1. 明度跨度 78–181,明亮不是前提

    最亮的是北斋《神奈川冲浪里》(181),最暗的是霍默《湾流》(78)。暗的作品靠一小块暖色把画面救回来;亮的作品靠大面积低饱和灰白托住。想调整情绪,先调明度,不必换色相。

  2. 低饱和面积从 0% 到 60%,中性色是阀门

    《竹禽图》几乎没有中性色(1%),《鸢尾花》却有 60%。中性色越多,画面越安静;越少,越浓烈。控制它比控制色相更有效。

  3. 点睛色往往不是面积最大的颜色

    13 件里绝大多数作品的最高彩度色都不是主色块,而是小面积的亮点:麦田里的黄 #937835、赤富士的砖红 #d1745f、湾流里的暖褐 #9b8f72。

  4. 单一色相也能撑起整幅画

    透纳《捕鲸船》黄占 80%,屈鼎《夏山图》与《竹禽图》橙占 95%。它们不靠色相变化,全靠明度台阶——这是最容易做"高级感"的路径。

  5. 材质决定底,纸感更容易温和

    浮世绘与宋画的米黄纸、绢底本身就是配色的一部分(#f3e0c5、#e1c699);油画没有这层底,底就是画面本身,所以更难温和。

  6. 冷暖比例决定情绪

    暖色超过 75% 的有高更与广重——温和、怀旧;冷色超过 66% 的有塞尚、北斋《浪》、霍默——清冷、辽阔。冷暖各半的梵高与《凯风快晴》则最活跃。

手绘插画的十二色色轮
色轮示意 · 装饰插图

In Use

用在教学素材上的四组搭配

用色的顺序
先定明度(这批画从 78 到 181 都有,明度先定情绪)→ 再定中性色占比(越多越安静)→ 再选色相族 → 最后只留一个点睛色。
投影与印刷校验
低饱和的灰青、绢褐在投影仪上最容易发灰;要在教室投影,把明度差拉开一档,或用点睛色给关键信息描边。

Index

色值速查表

共 66 个色值,点击任意一行复制。

Sources

作品与来源