“黄三色”通常不是一个统一的国度尺度色名，，，，，，而是配色语境中对三种黄色组合的简称。。。。。常见做法是将黄色分为浅黄、主黄和深黄，，，，，，通过明度、鼓和度以及使用面积的变动，，，，，，形成清澈的视觉档次。。。。。

黄三色并不是把三个高鼓和度的黄色均匀放在一路。。。。。更合理的方式是确定一种主黄色，，，，，，再用较浅的黄色铺开空间，，，，，，用较深的黄色强化概括、文字或沉点。。。。。这样既保留黄色明快、温暖的特点，，，，，，也能预防画面刺眼、单调或短缺沉点。。。。。

黄三色的根基结构：浅黄、主黄与深黄

三种黄色没有固定色值，，，，，，具体色彩会受到屏幕、印刷、面料和光线影响。。。。。下面的色值只适合作为数字设计中的肇始参考，，，，，，不能代替现实色卡。。。。。

黄三色的常见层级分工

色彩层级	视觉特点	重要用处	参考色值
浅黄	明度高，，，，，，鼓和度偏低或适中	布景、大面积留白、柔和过渡	#FFF1B2
主黄	明度和鼓和度较平衡	主体区域、按钮、产品沉点	#F2C94C
深黄	明度较低，，，，，，色彩沉量较强	标题、边框、阴影、部门强调	#B87900

其中，，，，，，主黄决定整体气质，，，，，，浅黄掌管缓和视觉冲击，，，，，，深黄掌管成立档次。。。。。若三种色彩都处于相近的明度和鼓和度，，，，，，画面庞易看起来像一整块黄色，，，，，，三色之间没有显著分工。。。。。

选择黄三色时，，，，，，先节造明度，，，，，，再调整鼓和度

明度决定前后关系，，，，，，鼓和度决定视觉强弱。。。。。选择黄三色时，，，，，，通常应先拉开明度差，，，，，，再微调鼓和度，，，，，，而不是单纯依附增长或降低色彩浓度来造作变动。。。。。

• 浅黄：适合提高妙度、降低刺激感。。。。。若是用于布景，，，，，，鼓和度不宜过高，，，，，，不然大面积铺开后仍会产生强烈的视觉压力。。。。。
• 主黄：应维持较清澈的黄色特点，，，，，，既不能靠近米色，，，，，，也不宜亮到靠近荧光黄。。。。。它必要承；；；；；；娴闹匾鹱饔。。。。。
• 深黄：能够向金黄、土黄或赭黄方向变动，，，，，，用于成立稳沉感。。。。。深黄不蹬宗单一参与大量玄色，，，，，，过度加黑可能使黄色变脏、发灰。。。。。

一个实用判断步骤是把配色临时转换成灰度观察。。。。。若是浅黄、主黄和深黄在灰度中险些无法分辨，，，，，，注明明度差距不及；；；；；；若是灰度档次很强，，，，，，但彩色画面依然刺眼，，，，，，则必要适当降低鼓和度。。。。。

黄三色的面积分配不能均匀使用

三种色彩各占三分之一，，，，，，看似整齐，，，，，，现实容易造成视觉竞争。。。。？？？？？？Ｄ芄话选爸魃剂伞⒏ㄖ既伞⑶康魃家怀伞弊魑鸬悖，，，，，但这只是构图参考，，，，，，并非固定规定。。。。。

• 浅黄适合占据较大的面积，，，，，，尤其是网页布景、包装底色和室内软装中的墙面或大件区域。。。。。
• 主黄用于承接视觉中心，，，，，，例如品牌图形、按钮、服装主体或产品包装的主题区域。。。。。
• 深黄应适量使用，，，，，，适合处置文字、线条、边缘和幼面积装璜。。。。。深色面积过大，，，，，，会使整体显得沉沉。。。。。

必要把稳的是，，，，，，视觉面积不只由现实大幼决定。。。。。高鼓和度的主黄和低明度的深黄都容易形成视觉沉量，，，，，，因而即便它们占比不大，，，，，，也可能成为画面焦点。。。。。调整比例时，，，，，，应同时观察色彩的明度、鼓和度和地位。。。。。

黄三色与红三色搭配时怎么维吃旖衡

若是“红三色”指浅红、主红、深红组成的红色层级，，，，，，那么黄三色与红三色同时使用时，，，，，，现实画面可能蕴含六种色彩。。。。。此时最沉要的不是把六种色彩全数展示出来，，，，，，而是确定一组为主、另一组为辅。。。。。

黄色与红色组合的合用方向

搭配方向	视觉成效	节造沉点
金黄搭配深红	温暖、厚沉、拥有传统感	削减高鼓和橙红的面积，，，，，，预防画面过于浓烈
明黄搭配正红	能干、热烈、节拍感强	不要让两种高鼓和色等面积出现，，，，，，可参与米白或深灰缓冲
浅黄搭配浅红	柔和、亲和、偏生涯化	必要参与较深的文字色或边框色，，，，，，预防画面短缺档次
柠檬黄搭配偏蓝红	清新、活跃、对比显著	降低其中一种色彩的鼓和度，，，，，，预防产生视觉矛盾

现实使用时，，，，，，能够让黄三色承担主体，，，，，，让红色只掌管按钮、图标、部门装璜或沉要提醒；；；；；；也能够反过来以深红为主、金黄为辅。。。。。若黄色和红色两组都使用齐全的浅、钟注深层级，，，，，，建议进一步削逊色彩数量，，，，，，不然容易出现“每一种色彩都在抢沉点”的问题。。。。。

分歧使用场景下的黄三色配法

网页和界面设计

网页布景宜选择低鼓和浅黄，，，，，，主按钮使用明度适中的主黄，，，，，，按钮文字或边框可选取深黄、深棕或炭黑。。。。。浅黄色文字放在白色布景上通常不够清澈，，，，，，不适合承担大段正文或沉要提醒。。。。。

若是必要参与红色提醒，，，，，，能够把红色限度在谬误状态、促销象征或行动按钮中，，，，，，并保障文字与布景有足够的明度差。。。。；；；；；；粕磁ド鲜褂们澈煳淖郑，，，，，往往不如使用深色文字明显。。。。。

海报与包装

海报能够提高主黄和红色的鼓和度，，，，，，但必要用浅黄、奶白或深色区域分隔。。。。。深黄适合放在标题、描边和幼面积图形中；；；；；；红色适合作为视觉锚点，，，，，，不宜与主黄同时承担大面积布景职能。。。。。

服装与室内搭配

服装和室内环境中的黄色会受到材质反光、天然光和周围色彩影响。。。。。大面积使用时，，，，，，优先选择柔和浅黄或低鼓和金黄，，，，，，再用深黄作为幼面积细节。。。。。红色若是用于靠垫、饰品或配件，，，，，，节造在部门区域通常比整面使用更容易维持舒服感。。。。。

黄三色配色中容易出现的几个问题

• 三个黄色过于靠近：色彩固然分歧，，，，，，但明度和鼓和度差距很。。。。。，，，，，最终看不出档次。。。。。应优先拉开浅黄与深黄的明度。。。。。
• 所有色彩都过于鲜艳：高鼓和黄与高鼓和红同时出现，，，，，，会让画面产生刺眼和拥挤感。。。。？？？？？？Ｄ芄唤档透ㄖ墓暮投龋，，，，，或参与中性色。。。。。
• 用纯黑直接压深黄色：这样容易得到浑浊的棕玄色。。。。。更天然的做法是选择偏金、偏赭或偏棕的深黄色。。。。。
• 红黄面积齐全对等：两组暖色会相互抢夺把稳力。。。。。应明确主色，，，，，，并让另一组色彩只承担辅助或强调作用。。。。。
• 只在屏幕上判断成效：屏幕上的黄色通常迸住刷品、织物或墙面更明亮。。。。。正式造作前，，，，，，应结合现实资料打样观察。。。。。

一套可直接执行的黄三色选择步骤

先确定使用场景和主色，，，，，，再选一个最切合主题的主黄。。。。。接着别离向更亮、更柔和的方向调整出浅黄，，，，，，向更深、更稳沉的方向调整出深黄。。。。。三种色彩确定后，，，，，，查抄它们在大面积布景、主体图形和幼面积细节中的阐发。。。。。

若是画面还必要参与红色，，，，，，先只参与一种主红，，，，，，不要立即把浅红、正红、深红全数放入。。。。。观察黄色与红色的面积关系，，，，，，再决定是否必要增长红色层级。。。。。通常，，，，，，先成立清澈的三色关系，，，，，，再补充细节，，，，，，比一路头同时使用六种高鼓和色更容易得到不变的成效。。。。。

人民网校对：张泉灵(iz3aFheokR2jkPZP80yFHoy8DIAjz0iAWS)