一级横色带颜色对照,适合把一组基础颜色按色相从暖到冷横向排列,快速查看色名、色值和相邻颜色的区别。下面盘点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值,避免仅凭颜色区分。
如果用于连续渐变,可先按表格顺序排列,再在相邻颜色之间增加过渡色,减少色块之间突然跳变的感觉。若用于分类色带,则不必把每种颜色混成渐变:保留独立色块和清晰间隔,通常更利于快速辨认。赤红、朱红和橙色相邻时色相较近,可通过加大间距或调整明度来拉开层次。
按用途挑选搭配
强调重点:用赤红或朱红做主标记,琥珀与橙色作次级提示。多个暖色同时出现时,可让最重要的一项使用更深或更饱和的红色,其他项目降低面积占比。
展示连续变化:从黄色、黄绿、绿色、青色过渡到蓝色,适合表达由低到高或由浅到深的连续区间。颜色顺序应与数据含义一致,并在色带旁标出起点、终点及必要刻度。
区分类别:可从红、绿、蓝、紫等差异较大的色相中挑选,再用橙、青、靛蓝补充类别。不要只靠颜色传达关键含义;配合文字、图标或边框,能让色带在缩小显示时仍容易辨读。
这份一级横色带颜色对照兼顾色名、色块与数值,既能作为常用色彩速查表,也能作为自定义色带的起始方案。根据背景亮度、文字颜色和实际使用场景微调后,横向排列会更清楚,颜色之间的层次也更容易保持一致。
l3f4ecqmi2qk13wl5kn2y0rd0nns6t






