COLOR SCHEME GUIDE · 静态网页

色彩,是最先被看见的语言。

配色(Color Scheme)是在色彩理论指导下,将两种以上的颜色按特定关系组合,从而实现和谐、对比与情绪传达的方法。这份指南分为两部分:一是人人都该懂的配色基础,二是当今社会中真实流行的配色方案。

PANTONE 11-4201
PANTONE 2026 年度代表色

Cloud Dancer · 云上舞白 #F4F3ED

潘通历史上首个"白色"年度色。它不是冷峻的纯白,而是一抹介于纯白与低饱和灰之间的自然暖白,象征平静、纯粹与重新开始——在信息过载的时代,人们渴望留白与呼吸感。它是一块"万能画布",能让其他所有色彩更好地绽放。

01

配色基础

Color Basics

理解配色的第一步,是认识"色彩三要素"。任何颜色都可以用这三个维度来描述,改变其中任何一个,都会带来完全不同的观感。

色相

Hue

颜色的"相貌",即我们平常说的红、橙、黄、绿、蓝、紫。色相环上相距越远,视觉冲突越强。

饱和度

Saturation

颜色的鲜艳程度。高饱和 = 活力张扬(多巴胺),低饱和 = 柔和高级(莫兰迪)。

明度

Brightness

颜色的明暗程度。深色沉稳有力量,浅色轻盈显空间。配色层次感主要靠明度拉开。

02

六种经典搭配方法

Classic Schemes

以下方法都基于色相环(12 色)推导,是平面设计、服装、室内与 UI 界面通用的底层公式。

单色配色 MONOCHROMATIC

同一色相、不同明度与饱和度的组合。最安全、最显高级,适合极简风格与新手入门。

类似色 ANALOGOUS

色相环上相邻约 60° 以内的颜色。过渡自然、含蓄统一,常见于自然系与莫兰迪风格。

互补色 COMPLEMENTARY

色相环上相隔 180° 的颜色,如橙与蓝。对比最强烈,可制造焦点与冲击力,宜一主一次。

分裂互补 SPLIT-COMPLEMENTARY

主色的互补色再用其左右邻色替代。保留对比的同时更柔和耐看,容错率高。

三角色 TRIADIC

色相环上 120° 均分的三色。丰富而均衡,需用明度、面积差来分主次,适合插画与潮玩。

60-30-10 法则 GOLDEN RATIO

室内与穿搭的经典比例:主色 60% 打底,辅助色 30% 协调,点缀色 10% 提神。

主色 60%辅助 30%10%
已复制