一级横色带颜色对照大全：12种常用色彩分类盘点

APP下载

2026-11-05 05:34:20 字号：A- A A+ 来源：观察者网

一级横色带颜色对照，适合把一组基础颜色按色相从暖到冷横向排列，快速查看色名、色值和相邻颜色的区别。下面盘点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值，避免仅凭颜色区分。

如果用于连续渐变，可先按表格顺序排列，再在相邻颜色之间增加过渡色，减少色块之间突然跳变的感觉。若用于分类色带，则不必把每种颜色混成渐变：保留独立色块和清晰间隔，通常更利于快速辨认。赤红、朱红和橙色相邻时色相较近，可通过加大间距或调整明度来拉开层次。

强调重点：用赤红或朱红做主标记，琥珀与橙色作次级提示。多个暖色同时出现时，可让最重要的一项使用更深或更饱和的红色，其他项目降低面积占比。

展示连续变化：从黄色、黄绿、绿色、青色过渡到蓝色，适合表达由低到高或由浅到深的连续区间。颜色顺序应与数据含义一致，并在色带旁标出起点、终点及必要刻度。

区分类别：可从红、绿、蓝、紫等差异较大的色相中挑选，再用橙、青、靛蓝补充类别。不要只靠颜色传达关键含义；配合文字、图标或边框，能让色带在缩小显示时仍容易辨读。

这份一级横色带颜色对照兼顾色名、色块与数值，既能作为常用色彩速查表，也能作为自定义色带的起始方案。根据背景亮度、文字颜色和实际使用场景微调后，横向排列会更清楚，颜色之间的层次也更容易保持一致。

edff4sjttlqi46joyrb2oq2c2po6u

请自觉遵守互联网相关的政策法规，共同营造“阳光、理性、平和、友善”的跟评互动环境。

表情加粗图片发表