分裂互补色
Split-Complementary Colors
Split-Complementary Colors 分裂互补色 Split-Complementary Colors 劈叉互补色 三角互补配色 分裂互补配色方案
色彩与调色一种由一种基色及其互补色两侧相邻的两种颜色组成的配色方案，兼具高对比度与视觉和谐。
又称：分裂互补色 · Split-Complementary Colors · 劈叉互补色 · 三角互补配色 · 分裂互补配色方案
- Midjourney
- 可灵
- Runway
- Claude / Cursor
#e0e5eb#274f7c#457cba#e96949#f3cc49
Prompt 片段
/imagine prompt: a cyberpunk city street at night, split-complementary color scheme, deep teal base with vibrant orange and warm yellow accents, cinematic lighting, high contrast --ar 16:9 --v 6.0一幅极具视觉冲击力的赛博朋克风格插画，采用分裂互补色配色，以深青色为主色调，点缀明亮的橙色和暖黄色，高对比度，电影级光影，画面细节丰富。A slow tracking shot through a neon-lit futuristic market, split-complementary color palette of deep blue, bright orange, and golden yellow, cinematic color grading, high contrast.请帮我生成一个基于分裂互补色（Split-Complementary）的 CSS 变量配色方案。基色使用深蓝色（#003366），请计算并提取其互补色两侧的相邻色（如橙色和黄色系）作为强调色，并输出对应的 CSS 代码。
是什么
分裂互补色（Split-Complementary Colors）是一种基于色相环的色彩搭配方案。它选择一种基色，并采用其互补色（色相环 180° 对角）两侧相邻的两种颜色。例如，若基色为蓝色，其正互补色为橙色，则分裂互补色为黄橙色与红橙色。
视觉与情绪效果
该方案保留了互补色搭配的高对比度与视觉张力，但由于避开了色相环上的正对角，冲突感大幅降低。画面色彩丰富、层次分明，既具有强烈的视觉吸引力，又不会像纯互补色那样刺眼或引起视觉疲劳，整体呈现出活力且和谐的情绪基调。
什么时候用
适用于需要突出主体（使用基色），同时需要两种强调色来丰富画面层次的设计场景。广泛应用于插画创作、UI 界面设计、摄影后期调色以及品牌视觉识别系统，特别适合需要视觉冲击力但要求画面保持高级感与平衡感的项目。
写 Prompt 的技巧
AI 对抽象色彩理论的理解有限，不要仅输入 “split-complementary”。应直接写明具体的颜色组合，如 “teal base with vibrant orange and warm yellow accents”。同时，建议结合 60-30-10 色彩比例法则，在 prompt 中明确主色与强调色的面积关系，以确保色彩结构的稳定。
常见误区
最常见的误区是让三种颜色在画面中占据均等的面积。这会导致画面失去视觉焦点，显得杂乱无章。正确的做法是严格遵循主从关系，让基色占据主导地位（通常 60% 以上），另外两种分裂色仅作为点缀和强调。