色彩图谱与色系索引

按色相谱系浏览已收录的色彩参考与调色板集合。 SwatchAtlas 重视色彩事实的权威出处与深度解析，杜绝低质量批量生成，确保收录的每一个色彩均具备准确色值、权威规范引述及可读性数据。

粉色系

涵盖从高明度淡雅粉彩到高饱和洋红的 W3C CSS 官方命名色谱系。

查看粉色系指南 →

浅粉色

#FFB6C1(lightpink)

W3C CSS 命名色，高明度且温润柔和。

相对亮度: 0.5857rgb(255, 182, 193)

粉色

#FFC0CB(pink)

CSS 标准粉色，比浅粉色略浅。

相对亮度: 0.6327rgb(255, 192, 203)

亮粉色

#FF69B4(hotpink)

高饱和度、偏洋红的鲜艳粉色。

相对亮度: 0.3466rgb(255, 105, 180)

深粉红

#FF1493(deeppink)

强烈的偏洋红深粉色。

相对亮度: 0.2387rgb(255, 20, 147)

苍紫罗兰红

#DB7093(palevioletred)

低饱和、带灰调的玫瑰粉。

相对亮度: 0.2875rgb(219, 112, 147)

中紫罗兰红

#C71585(mediumvioletred)

带紫调的深莓粉色。

相对亮度: 0.1437rgb(199, 21, 133)

薄雾玫瑰

#FFE4E1(mistyrose)

带温润桃色底调的极浅玫瑰粉。

相对亮度: 0.8218rgb(255, 228, 225)

薰衣草紫红

#FFF0F5(lavenderblush)

接近白色、带淡淡冷调粉的极浅色。

相对亮度: 0.9017rgb(255, 240, 245)

红色系

包含猩红、耐火砖红、珊瑚红与番茄红等官方 CSS 标准色彩。

查看红色系指南 →

红色

#FF0000(red)

纯屏幕红：红通道满值，无绿蓝分量。

相对亮度: 0.2126rgb(255, 0, 0)

猩红

#DC143C(crimson)

鲜明强烈且深沉的红宝石色。

相对亮度: 0.1604rgb(220, 20, 60)

耐火砖红

#B22222(firebrick)

稳重沉厚的传统砖红基准色。

相对亮度: 0.1072rgb(178, 34, 34)

深红色

#8B0000(darkred)

深沉的血红色，不含绿蓝分量。

相对亮度: 0.0549rgb(139, 0, 0)

印度红

#CD5C5C(indianred)

略带柔和栗粉调的中性低调红。

相对亮度: 0.2141rgb(205, 92, 92)

鲑鱼红

#FA8072(salmon)

柔和温暖的粉橙红，像鲑鱼肉的颜色。

相对亮度: 0.3698rgb(250, 128, 114)

番茄红

#FF6347(tomato)

明亮饱满、醒目的自然红橙色。

相对亮度: 0.3064rgb(255, 99, 71)

珊瑚红

#FF7F50(coral)

温暖清澈的明快橙调粉红。

相对亮度: 0.3702rgb(255, 127, 80)

蓝色系

涵盖天蓝、钢蓝、皇家蓝与深邃午夜蓝等官方标准色彩。

查看蓝色系指南 →

蓝色

#0000FF(blue)

纯屏幕蓝：蓝通道满值，无红绿分量。

相对亮度: 0.0722rgb(0, 0, 255)

海军蓝

#000080(navy)

半强度蓝：极深的经典海军蓝。

相对亮度: 0.0156rgb(0, 0, 128)

午夜蓝

#191970(midnightblue)

沉稳深邃的深藏青与午夜底色。

相对亮度: 0.0207rgb(25, 25, 112)

皇家蓝

#4169E1(royalblue)

高纯度、高对比度的经典醒目纯蓝。

相对亮度: 0.1666rgb(65, 105, 225)

钢蓝

#4682B4(steelblue)

稳重平衡的中性冷调界面钢蓝。

相对亮度: 0.2056rgb(70, 130, 180)

天蓝

#87CEEB(skyblue)

澄澈明朗的浅天蓝色。

相对亮度: 0.5529rgb(135, 206, 235)

浅蓝

#ADD8E6(lightblue)

柔和、略带灰调的浅蓝色。

相对亮度: 0.6371rgb(173, 216, 230)

粉末蓝

#B0E0E6(powderblue)

高明度、极温和柔静的粉蓝色调。

相对亮度: 0.6825rgb(176, 224, 230)

绿色系

包含海绿、浅绿、暗海绿与早春绿等标准自然绿色系。

查看绿色系指南 →

绿色

#008000(green)

CSS 标准绿：半强度的中深绿色。

相对亮度: 0.1544rgb(0, 128, 0)

酸橙绿

#00FF00(lime)

纯屏幕绿：绿通道满值，无红蓝分量。

相对亮度: 0.7152rgb(0, 255, 0)

深绿色

#006400(darkgreen)

深沉纯正的森林绿。

相对亮度: 0.0911rgb(0, 100, 0)

海绿

#2E8B57(seagreen)

经典平衡的中明度海洋与水域绿。

相对亮度: 0.1973rgb(46, 139, 87)

中海绿

#3CB371(mediumseagreen)

充满生机与辨识度的草木中绿色。

相对亮度: 0.3439rgb(60, 179, 113)

浅绿

#90EE90(lightgreen)

明亮柔和的浅嫩叶绿，辨识度高。

相对亮度: 0.6909rgb(144, 238, 144)

暗海绿

#8FBC8F(darkseagreen)

雅致低饱和度的鼠尾草灰绿色。

相对亮度: 0.4379rgb(143, 188, 143)

早春绿

#00FF7F(springgreen)

明澈高纯度的早春鲜嫩绿色。

相对亮度: 0.7305rgb(0, 255, 127)

紫色系

涵盖紫色、靛蓝、紫罗兰、兰花紫、李子紫与薰衣草紫等 W3C CSS 标准色。

查看紫色系指南 →

紫色

#800080(purple)

CSS 标准紫：红蓝各半强度，无绿分量。

相对亮度: 0.0615rgb(128, 0, 128)

靛蓝

#4B0082(indigo)

极深的偏蓝紫色。

相对亮度: 0.0311rgb(75, 0, 130)

丽贝卡紫

#663399(rebeccapurple)

2014 年加入 CSS 的中深紫色。

相对亮度: 0.0749rgb(102, 51, 153)

中紫色

#9370DB(mediumpurple)

柔和的中调紫色，略偏蓝。

相对亮度: 0.2291rgb(147, 112, 219)

紫罗兰色

#EE82EE(violet)

明亮的粉调浅紫色。

相对亮度: 0.4032rgb(238, 130, 238)

兰花紫

#DA70D6(orchid)

像兰花一样的浅紫粉色。

相对亮度: 0.3135rgb(218, 112, 214)

李子紫

#DDA0DD(plum)

淡雅柔和的浅紫色。

相对亮度: 0.4573rgb(221, 160, 221)

薰衣草紫

#E6E6FA(lavender)

接近白色的极浅蓝紫色。

相对亮度: 0.8032rgb(230, 230, 250)

橙色系

涵盖橙色、深橙、橙红、浅鲑红与桃色等 W3C CSS 标准色。

查看橙色系指南 →

橙色

#FFA500(orange)

CSS 标准橙：明亮温暖，略偏黄。

相对亮度: 0.4817rgb(255, 165, 0)

深橙色

#FF8C00(darkorange)

更深、偏红的橙色。

相对亮度: 0.4002rgb(255, 140, 0)

橙红色

#FF4500(orangered)

强烈的偏红橙色。

相对亮度: 0.2552rgb(255, 69, 0)

浅鲑红

#FFA07A(lightsalmon)

明亮温暖的橙粉色。

相对亮度: 0.4781rgb(255, 160, 122)

桃色

#FFDAB9(peachpuff)

带暖橙调的淡桃色。

相对亮度: 0.7491rgb(255, 218, 185)

木瓜奶油色

#FFEFD5(papayawhip)

极浅的暖奶油色。

相对亮度: 0.8780rgb(255, 239, 213)

深鲑红

#E9967A(darksalmon)

柔和低饱和的橙粉色。

相对亮度: 0.4054rgb(233, 150, 122)

黄色系

涵盖黄色、金色、卡其色与金菊色等 W3C CSS 标准色。

查看黄色系指南 →

黄色

#FFFF00(yellow)

纯屏幕黄：红绿满值，无蓝分量。

相对亮度: 0.9278rgb(255, 255, 0)

金色

#FFD700(gold)

明亮的金黄色。

相对亮度: 0.6986rgb(255, 215, 0)

浅黄色

#FFFFE0(lightyellow)

极浅柔和的黄色。

相对亮度: 0.9816rgb(255, 255, 224)

柠檬绸色

#FFFACD(lemonchiffon)

淡淡的柠檬奶油色。

相对亮度: 0.9404rgb(255, 250, 205)

卡其色

#F0E68C(khaki)

柔和的浅黄色。

相对亮度: 0.7701rgb(240, 230, 140)

深卡其色

#BDB76B(darkkhaki)

低饱和的橄榄黄色。

相对亮度: 0.4575rgb(189, 183, 107)

淡金菊色

#EEE8AA(palegoldenrod)

淡雅柔和的金黄色。

相对亮度: 0.7879rgb(238, 232, 170)

金菊色

#DAA520(goldenrod)

浓郁的橙金色。

相对亮度: 0.4192rgb(218, 165, 32)

棕色系

涵盖棕色、马鞍棕、赭色、巧克力色、日晒褐与硬木色等 W3C CSS 标准色。

查看棕色系指南 →

棕色

#A52A2A(brown)

CSS 标准棕：偏红的深棕色。

相对亮度: 0.0982rgb(165, 42, 42)

马鞍棕

#8B4513(saddlebrown)

经典的大地色、马鞍皮革棕。

相对亮度: 0.0979rgb(139, 69, 19)

赭色

#A0522D(sienna)

偏红的大地棕色。

相对亮度: 0.1370rgb(160, 82, 45)

巧克力色

#D2691E(chocolate)

温暖偏橙的棕色。

相对亮度: 0.2390rgb(210, 105, 30)

秘鲁色

#CD853F(peru)

带橙调的暖浅棕色。

相对亮度: 0.3011rgb(205, 133, 63)

沙棕色

#F4A460(sandybrown)

明亮温暖的橙棕色，像干燥的沙子。

相对亮度: 0.4663rgb(244, 164, 96)

日晒褐

#D2B48C(tan)

浅而柔和的棕米色。

相对亮度: 0.4824rgb(210, 180, 140)

硬木色

#DEB887(burlywood)

浅木色的棕。

相对亮度: 0.5156rgb(222, 184, 135)

灰色系

涵盖灰色、暗灰、银色、庚斯伯勒灰与石板灰等 W3C CSS 标准色（也可拼作 grey）。

查看灰色系指南 →

暗灰色

#696969(dimgray)

比标准灰更深的中性暗灰。

相对亮度: 0.1413rgb(105, 105, 105)

灰色

#808080(gray)

CSS 标准灰：中性，恰好半强度。

相对亮度: 0.2159rgb(128, 128, 128)

深灰色

#A9A9A9(darkgray)

实际上比 CSS 标准灰更浅。

相对亮度: 0.3968rgb(169, 169, 169)

银色

#C0C0C0(silver)

明亮的中性浅灰。

相对亮度: 0.5271rgb(192, 192, 192)

浅灰色

#D3D3D3(lightgray)

很浅的中性灰。

相对亮度: 0.6514rgb(211, 211, 211)

庚斯伯勒灰

#DCDCDC(gainsboro)

接近白烟色的极浅灰。

相对亮度: 0.7157rgb(220, 220, 220)

石板灰

#708090(slategray)

带蓝调的冷灰色。

相对亮度: 0.2090rgb(112, 128, 144)

暗石板灰

#2F4F4F(darkslategray)

带青绿调的近黑深灰。

相对亮度: 0.0676rgb(47, 79, 79)

数据来源：W3C CSS Color Module Level 4（命名色与色值）；WCAG 2.2（相对亮度与对比度公式）。