一级横色带可以按大色系快速浏览，再从同一组中挑选深浅和明度相近的颜色。下面按红、橙、黄、绿、蓝青、紫、灰、棕整理出8组基础色带；每组列出5种代表色、十六进制色值和适用场景，方便为图表、海报、卡片、标题与界面分区选色。色值用于屏幕显示参考，横向排列时可按由浅到深的顺序呈现。
1. 红色系：突出重点与热烈氛围
- 浅粉红 #F8C9C9：柔和轻盈，适合大面积底色。
- 珊瑚红 #F27C78：明快亲和，适合图标或小标签。
- 正红 #E53935：醒目直接，适合按钮与重点标记。
- 绛红 #B71C3C：浓郁稳重，适合标题和装饰线。
- 酒红 #7F1D35：深沉有力，适合小面积压色。
这组由柔和粉红过渡到沉稳酒红，视觉注意力强。浅粉红与珊瑚红能减轻热烈感，正红适合强调关键动作，绛红和酒红则适合印章感装饰或需要稳重气质的区块。制作横色带时，避免把最深的酒红用作大面积底色；若用作底色，可配浅色文字或细线。
2. 橙色系：营造温暖与活力
- 奶油橙 #FFE0B2：温和明亮，适合卡片背景。
- 杏橙 #FFB56B：轻快柔软，适合插画与渐变起点。
- 亮橙 #F28C28：醒目活跃，适合按钮、图标和局部强调。
- 南瓜橙 #D96B1B：饱满有力，适合重点色块。
- 焦糖橙 #9C4A16：浓厚沉稳，适合边框和小面积压色。
橙色介于红与黄之间，既醒目又带有亲和感。奶油橙和杏橙适合作为卡片底色或柔和渐变的起点，亮橙可用于按钮与图标，南瓜橙和焦糖橙则能压住视觉重心。若橙色旁边还要安排红色，建议拉开明度差，避免相邻色块显得拥挤。
3. 黄色系：明亮清晰的提示色带
- 浅奶黄 #FFF3B0：清淡柔和，适合补充留白区域。
- 柠檬黄 #FFE45C：活泼明亮，适合小型提示标记。
- 明黄 #F6C945：辨识度高，适合图表重点和局部强调。
- 金黄 #D9A514：温暖鲜明，适合标题装饰与图标。
- 赭黄 #A97912：色调沉稳，适合细线和辅助色块。
黄色明度高，能迅速吸引视线，适合提示、标记和轻快主题。浅奶黄可作为大面积留白的补充，柠檬黄更有活泼感，明黄适合小块强调，金黄与赭黄则让色带逐渐沉稳。黄色底上的白字容易不够清晰，可改用深灰、棕色或黑色文字增强对比。
4. 绿色系：自然、平衡且层次丰富
- 薄荷绿 #C8E6C9：清新舒缓，适合大面积背景。
- 嫩叶绿 #81C784：柔和自然，适合图表系列色。
- 草绿 #43A047：鲜明易辨，适合标记与分区标题。
- 森林绿 #2E6B45：沉着平衡，适合主色块和边框。
- 墨绿 #17452D：浓郁稳重，适合标题与小面积强调。
绿色从清新浅绿延伸到浓郁深绿，适合自然、健康、环保或强调平衡感的视觉主题。薄荷绿能让画面显得舒缓，嫩叶绿和草绿适合区分图表数据，森林绿可承担主色块，墨绿适合标题或边框。搭配米白色能提升柔和感，搭配浅黄色则更显明快。
5. 蓝青色系：清爽、冷静的连续色带
- 浅青蓝 #B2EBF2：清透轻盈，适合背景和留白区域。
- 天蓝 #73C7E8：明快舒展，适合标签与图表数据。
- 湖蓝 #3198C7：清晰醒目，适合分区标记和图标。
- 标准蓝 #2563A6：稳定易用，适合界面主色与按钮。
- 深海蓝 #173B68：冷静深邃，适合标题、导航区和强调线。
这一组从偏绿的青蓝过渡到深蓝，适合科技感、数据图表和冷静简洁的版面。浅青蓝可作为背景，天蓝和湖蓝适用于数据系列或分区标签，标准蓝适合承担主色，深海蓝则能突出标题与导航区域。横向展示时，让浅色位于左侧、深色位于右侧，层次会更直观。
6. 紫色系：从柔和浪漫到深邃醒目
- 淡薰衣草 #E6D5F7：轻柔雅致，适合插画背景。
- 浅紫 #C7A3E3：温和醒目，适合卡片和装饰色块。
- 兰紫 #9B6BC3：辨识度较高，适合图标与重点标签。
- 紫罗兰 #7041A6：浓郁鲜明，适合标题装饰。
- 深紫 #45266D：深邃沉稳，适合小面积点缀和边框。
淡薰衣草和浅紫视觉柔和，适合背景、插画或轻量装饰；兰紫有较好的辨识度，可用于图标与重点标签；紫罗兰和深紫更具戏剧感，适合标题或小面积点缀。紫色与浅灰、米白组合较稳妥，与亮黄色并置时对比强烈，适合突出少量关键标记。
7. 灰色系：中性底色与结构过渡
- 雾白灰 #F2F3F5：明亮干净，适合大面积铺底。
- 浅灰 #D9DDE2：柔和克制，适合卡片区分和分隔线。
- 中灰 #A7ADB5：层次适中，适合次级文字与图标。
- 石墨灰 #626A73：清楚稳重，适合标题和边框。
- 炭灰 #343A40：对比鲜明，适合正文文字与小面积深色块。
灰色不抢主体，常用于背景、分隔线、辅助文字和界面层级。雾白灰适合大面积铺底，浅灰能区分卡片区域，中灰可用于次级文字或图标，石墨灰和炭灰则适合标题与边框。横色带中的灰阶应保持明度差；若几个色块过于接近，缩小展示时容易连成一片。
8. 棕色系：自然质感与沉稳暖调
- 浅沙色 #E8D5B5：温暖清淡，适合背景和留白区域。
- 卡其棕 #C6A477：柔和自然，适合辅助色块与标签。
- 栗棕 #986B45：质感明显，适合图标和小标题。
- 深棕 #68452F：沉稳厚重，适合边框与强调线。
- 咖啡棕 #3E2A20：浓郁深色，适合标题或小面积压色。
棕色从沙色延伸到咖啡色，适合复古、手作、木质和自然风格。浅沙色可作为温暖背景，卡其棕适合辅助色块，栗棕可突出图标和文字，深棕与咖啡棕适合边框、标题或小面积压色。搭配奶油白能显得柔和，配少量墨绿则更接近自然材质的观感。
横色带整理与选色要点
制作一级横色带时，先确定需要表达的主色系，再按浅、中、深排列代表色；同一条色带保持色彩方向一致，能让读者迅速分辨色组。需要安静、留白较多的版面，可优先选灰、蓝青或浅绿；需要突出按钮、价格或活动标记，可从红、橙、黄中挑一两个颜色；希望呈现温暖质感，则可考虑棕色与奶油色的组合。
实际排版时，色块之间可留出细小间距，也可用统一的白色分隔线；每个色块旁建议同时标注色名和色值，方便设计师复用。显示器亮度、屏幕类型和印刷材料都会影响最终观感，因此同一组色带用于不同媒介时，可按实际效果调整明度与对比度。以上8组各列出5种代表色，既可独立作为横向色卡，也可按活动主题从中抽取3至5种组成新配色。
