返回创作工作台
COLOR FIELD NOTES / 01

配色,从一个想法开始。

认识几种常见的颜色关系,观察它们怎样出现在作品里。带走一组起点,再改成自己的样子。

01 / NOTICE

先认识颜色的三个旋钮

色相:它偏向哪种颜色?

沿色轮移动,从红、黄、绿到蓝紫。本页与工作台使用屏幕 RGB 色轮;传统颜料色轮的互补关系可能不同。

饱和度:鲜明,还是柔和?

在同一色相下试着降低饱和度,观察颜色怎样接近灰色。低饱和与高饱和都可以成为主角。

明度:更浅,还是更深?

工作台的 HSL 明度调整颜色深浅。它不等同于感知亮度;文字是否好读,仍要单独检查与背景的对比。

02 / RELATE

六种常见配色思路

色轮提供选择方向,实际效果还受面积、明暗、材质与使用场景影响。

01

单色配色

围绕一个色相,用深浅与饱和度建立层次。同一种蓝,可以同时拥有浅淡的背景、鲜明的主体和深色文字。

#397DAB
#C9DFED
#8CBAD9
#408CBF
#224B67

适合:简洁色卡、阅读记录、需要统一感的系列作品。

别只选几个很接近的颜色;拉开明暗,看看轮廓和文字是否清楚。

带这组颜色去创作
02

类似色配色

从色轮相邻区域取色,例如黄绿、绿与青绿。它们容易形成联系,再通过明暗、面积或少量中性色拉开层次。

#397DAB
#B3DEE6
#3D86B8
#7998D2
#212863

适合:自然手记、季节主题、柔和的插画与背景。

选一个主角,其他颜色配合它,不必让每种颜色占同样面积。

带这组颜色去创作
03

互补色配色

使用色轮上相对的两个色相。本页采用 RGB 色轮:蓝与黄、红与青是示例,再加入深浅变化就能扩展成一组方案。

#397DAB
#E6C7B3
#3D86B8
#D29D79
#214963

适合:需要突出一个重点的海报、节日卡片和小装饰。

互补关系不保证文字可读;高饱和色同时铺满画面时,试着降低其中一种的饱和度。

带这组颜色去创作
04

分裂互补配色

选一个主色,再选它的互补色两侧的色相。保留跨色相的变化,同时多出一些调整空间。

#397DAB
#E6B3B7
#B8AC3D
#79AED2
#632128

适合:明信片、创意手帐和想保留变化的插画。

先用大面积主色,再逐一加入另外两色,观察是否抢走了重点。

带这组颜色去创作
05

三角色配色

在色轮上等间距选三个色相。它提供丰富的色相变化,但实际观感仍取决于饱和度、明暗和面积。

#397DAB
#E6B3D1
#86B83D
#79AED2
#632149

适合:儿童主题、活动小海报、几何图形创作。

不必三个颜色一样鲜艳。保留一个鲜明颜色,另两个变浅或变灰,也值得一试。

带这组颜色去创作
06

正方形四色配色

在色轮上以 90° 间隔选四个色相,是四色配色的一种。可用的关系更多,也更需要明确主次。

#397DAB
#E1B3E6
#B86F3D
#82D279
#214963

适合:多元素拼贴、节日装饰和色彩实验。

先只使用其中两色,再把另两色放到小装饰上。没有必须用完所有颜色的要求。

带这组颜色去创作
03 / COMPOSE

让颜色在作品里各司其职

主色、辅助色、点缀色

可以从约 60 / 30 / 10 的面积分配开始尝试:大面积铺陈,一部分呼应,小面积强调。这是创作起点,不是评分标准,也不必精确量取。

留出中性色,给重点呼吸空间

不必把每一处都涂成鲜艳颜色。纸白、灰、深墨色可以帮助整理画面;试着只让一个装饰更鲜明,再比较前后。

AaAa

好看的色条,不等于可用的作品

把方案放到真实标题、背景与图形里再看。相邻的色块、文字的大小,以及装饰面积都会改变效果;屏幕预览也不保证实物与打印一致。

04 / COLLECT

132 组方案,按场景寻找灵感

这些是本站整理的创作示例。按场景查找,带入工作台再修改;场景名称不是唯一用途。

132 组灵感起点

找到 132 组,已展示 24 组

自然

海岸来信

大面积浅色留白,让海蓝与珊瑚色成为视觉线索。

#EDF4F1#9CC8C5#397D89#EF987F#203E4A
用这组方案创作
自然

苔藓与晨雾

相邻的黄绿与青绿配上深色,适合自然主题手记。

#EFF0D5#B3C58E#719779#3C6863#223E3B
用这组方案创作
鲜明

日落果汁

把粉、橙、黄串在一起,深紫用来写标题。

#FFF0CA#F4BF69#EA855E#C65C76#50395C
用这组方案创作
柔和

莓果奶油

大面积奶油色配少量莓红,保留轻重差异。

#FBF0E9#EBC9CA#C78D9E#9D4868#4B3447
用这组方案创作
鲜明

钴蓝与柠檬

蓝色家族中加入少量黄,比较互补关系的张力。

#F7F4D7#A9C7EB#487ACA#EDCA54#243E70
用这组方案创作
复古

陶土午后

低饱和土色与灰绿适合纸张、布料灵感板。

#F0E3D0#CCA98C#B67457#818D73#50493E
用这组方案创作
柔和

丁香汽水

淡紫与薄荷色提供轻盈的跨色相组合。

#F6EFF7#C8B8DE#A6CEBE#DFB8C9#524361
用这组方案创作
鲜明

午夜霓虹

在深底色上试用少量亮色,注意文字可读性。

#20293F#6372AD#CF76A0#EDC86D#E9E8ED
用这组方案创作
复古

咖啡馆一角

暖中性色形成层次,墨绿可以作为小点缀。

#F3EBDC#D1BA98#A68163#5D6854#3D352D
用这组方案创作
中性

纸与墨

减少色相变化,用明暗与面积建立秩序。

#F4F2EC#D6D5CF#A0A6A1#62706B#283B36
用这组方案创作
自然

蓝调时刻

同一蓝色相的深浅变化,练习单色层次。

#E7EFF7#B8D0E8#79A3CD#3B70A4#1E3852
用这组方案创作
鲜明

积木游乐场

多色组合先挑一个主色,让其他颜色少量出现。

#F7EBD8#DC665C#E4BA55#609B9A#565B8E
用这组方案创作
自然

香草花园

植物观察册用米白铺底,深绿标注,浅绿区分栏目。

#F3F0DC#C4D0A4#8DAA77#5C795D#354D42
用这组方案创作
自然

高山湖泊

湖泊插画中用浅色表现远山,深蓝勾出岸线。

#EAF3F2#B6D8DE#71A9BD#466E8C#293F53
用这组方案创作
自然

沙漠绿洲

沙漠旅行卡以沙色为主,绿洲只占一小块。

#F4E8CE#D9BB87#B68A55#71948B#3D615E
用这组方案创作
自然

野花草甸

草甸明信片让粉紫花朵散落在绿色背景中。

#F2EFD8#A9BA7B#728C5A#D3A6BD#70536F
用这组方案创作
自然

珊瑚潮池

海洋科普页用青绿组织水域,珊瑚色标出观察点。

#E9F4EE#9DD5C9#57A9A8#E98F83#565B79
用这组方案创作
自然

溪流卵石

自然拼贴尝试石灰色与水蓝,靠明暗区分形状。

#ECEDE5#C7CEC5#9BAAA3#758C91#455A62
用这组方案创作
自然

雨林树冠

雨林海报以层叠绿色铺陈,少量金色表现阳光。

#E6EBD3#A4BC7B#54846A#2D5C50#C9A85C
用这组方案创作
自然

薰衣草山坡

花田手帐用紫色层次,灰绿只留给叶片。

#F0EAF3#C6B5D6#9B89B8#6B6B96#A3B28C
用这组方案创作
自然

林地落叶

落叶拓印卡用浅纸底衬托赭色,绿褐色写注释。

#F1E6CC#CDB46A#AD7652#7D654A#4E5D48
用这组方案创作
自然

极地海岸

极地主题以白与冰蓝留出空旷感,深色少量出现。

#EFF5F5#CDDDE5#9AB7C8#6E8FA8#364C68
用这组方案创作
四季天气

春芽初醒

春季计划表用嫩绿分区,淡粉点亮重要日期。

#F7F3DE#D4DDA0#A5C18A#E7B9AC#586B4C
用这组方案创作
四季天气

四月小雨

雨天日记以灰蓝记录天气,暖黄画一把小伞。

#EEF0EC#C7D4D7#91ABB6#647D93#D6BE8C
用这组方案创作
还有 108 组等待探索