一级横色带颜色对照，适合把一组基础颜色按色相从暖到冷横向排列，快速查看色名、色值和相邻颜色的区别。下面盘点12种常用色彩，提供屏幕显示参考值与直观用途，可用于制作色带、整理配色表或初步挑选图表颜色。横向顺序从红色系逐步过渡到紫色系，便于比较色相变化。
色值采用常见的HEX十六进制与RGB表示。不同屏幕、亮度和显示设置可能令实际观感略有差别；制作电子色带时，可直接将HEX值填入软件的颜色输入框，再按需要调整明度或透明度。
12种一级横色带颜色对照
| 色带位置 | 颜色 | 色块 | HEX色值 | RGB色值 | 颜色特点与常见用途 |
|---|---|---|---|---|---|
| 1 | 赤红 | #E53935 | 229, 57, 53 | 明亮醒目，适合突出警示、重点数据或需要第一眼关注的标记。 | |
| 2 | 朱红 | #F4511E | 244, 81, 30 | 比赤红更偏橙，视觉热烈，可用于强调变化、活跃状态和提示区。 | |
| 3 | 橙色 | #FB8C00 | 251, 140, 0 | 暖感明显又不如红色强烈，适合次级提示、分类标签与活动图形。 | |
| 4 | 琥珀 | #FFB300 | 255, 179, 0 | 金黄中带橙，亮度较高，常用于提醒、进度节点和需要区分的暖色段。 | |
| 5 | 黄色 | #FDD835 | 253, 216, 53 | 明快清晰，在浅色背景上较醒目；搭配文字时宜选深色字提升辨识度。 | |
| 6 | 黄绿 | #9CCC65 | 156, 204, 101 | 连接黄色与绿色的过渡色，观感轻快，可表示生长、改善或中间状态。 | |
| 7 | 绿色 | #43A047 | 67, 160, 71 | 色相稳定、容易识别，适用于通过状态、自然主题和常规分类标记。 | |
| 8 | 青绿 | #00A884 | 0, 168, 132 | 兼有绿色的清新与蓝色的冷静，适合与正绿并列，表现不同类别层级。 | |
| 9 | 青色 | #00ACC1 | 0, 172, 193 | 蓝绿之间的清凉色，可用于水域、科技主题或需要从绿色平滑过渡的色带。 | |
| 10 | 蓝色 | #1E88E5 | 30, 136, 229 | 清晰而冷静，适合信息图表、链接状态标识及与橙红色形成冷暖对照。 | |
| 11 | 靛蓝 | #3949AB | 57, 73, 171 | 深于普通蓝色，视觉更沉稳，可放在蓝紫过渡处或作为较深的系列色。 | |
| 12 | 紫色 | #8E24AA | 142, 36, 170 | 冷暖感兼具，适合创意主题、特殊分类和色带末端的紫色系收尾。 |
横向排列时怎样看颜色变化
这组一级横色带以红、橙、黄作为暖色起点，接着经过黄绿、绿色、青绿和青色，最后转入蓝、靛蓝与紫色。观察相邻色块时，黄色到黄绿、青绿到青色、蓝色到靛蓝的变化较明显；若色带宽度有限，可以保留色名或HEX值，避免仅凭颜色区分。
如果用于连续渐变，可先按表格顺序排列，再在相邻颜色之间增加过渡色，减少色块之间突然跳变的感觉。若用于分类色带，则不必把每种颜色混成渐变：保留独立色块和清晰间隔，通常更利于快速辨认。赤红、朱红和橙色相邻时色相较近，可通过加大间距或调整明度来拉开层次。
按用途挑选搭配
强调重点：用赤红或朱红做主标记，琥珀与橙色作次级提示。多个暖色同时出现时，可让最重要的一项使用更深或更饱和的红色，其他项目降低面积占比。
展示连续变化：从黄色、黄绿、绿色、青色过渡到蓝色，适合表达由低到高或由浅到深的连续区间。颜色顺序应与数据含义一致，并在色带旁标出起点、终点及必要刻度。
区分类别：可从红、绿、蓝、紫等差异较大的色相中挑选，再用橙、青、靛蓝补充类别。不要只靠颜色传达关键含义；配合文字、图标或边框，能让色带在缩小显示时仍容易辨读。
这份一级横色带颜色对照兼顾色名、色块与数值，既能作为常用色彩速查表，也能作为自定义色带的起始方案。根据背景亮度、文字颜色和实际使用场景微调后，横向排列会更清楚，颜色之间的层次也更容易保持一致。