一级横色带色彩对照,适合把一组基础色彩按色相从暖到冷横向分列,急剧查看色名、色值和相邻色彩的区别。下面盘点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







Android版
iPhone版