颜色代码 · 色系分类

蓝色系颜色表 | 蓝色色卡| RGB 颜色代码大全

共收录 182 个常用蓝色系颜色代码，点击色卡查看详细参数与配色方案。

阴天午间灰蓝

小雨后灰白

粉蓝 (RAL 5024)

白昼多云白蓝

天青蓝 (RAL 5009)

卡普里蓝 (RAL 5019)

绿蓝色 (RAL 5001)

佩恩灰/ 灰蓝色

珠光龙胆蓝 (RAL 5025)

Pearl Gentian Blue

白昼午后白蓝

白昼多云浅灰蓝

晴天午后浅蓝

淡蓝色 (RAL 5012)

天蓝 (RAL 5015)

晴天正午深蓝

交通蓝 (RAL 5017)

白昼清晨浅灰蓝

雪天积雪乳白

晴天清晨淡蓝

阴天清晨灰蓝

Light Slate Gray

亮蓝色 (RAL 5007)

阴天淡灰蓝

灰蓝色 (RAL 5008)

夜间满月银灰

晴天高空蓝

龙胆蓝 (RAL 5010)

韦奇伍德蓝

Light Steel Blue

阴天云团灰

信号蓝 (RAL 5005)

鸽蓝 (RAL 5014)

小雨时灰蓝

钴蓝色/ 青蓝色

蓝色风信子深蓝

大雨时暗灰黑

晴天积云白

晴天薄云米白

远山蓝 (RAL 5023)

紫蓝色 (RAL 5000)

阴天深灰蓝

珠光夜蓝 (RAL 5026)

Pearl Night Blue

Cornflower Blue

交通白 (RAL 9016)

雪天阴天雪灰

Dark Powder Blue

钢蓝色 (RAL 5011)

暴雨前墨灰

蓝宝石色 (RAL 5003)

Dark Mineral Blue

钴蓝色 (RAL 5013)

中雨时深灰

晴天傍晚深蓝橙

蓝铃花深蓝

小雨前暗灰

黑蓝色 (RAL 5004)

群青蓝 (RAL 5002)

Ultramarine Blue

夜蓝 (RAL 5022)

海军蓝/ 藏青色

软锰矿蓝黑

蓝花楹深蓝

Dark Slate Blue

Medium Slate Blue

关于蓝色系颜色表与颜色代码

蓝色颜色表汇集了沉稳可靠的蓝色系颜色代码，从浅天蓝到深海军蓝应有尽有。蓝色象征信任、专业与冷静，是全球使用频率最高的商业色系，广泛用于企业官网与金融科技界面。

蓝色系的 RGB 颜色代码特点

蓝色的 RGB 颜色代码以 B 通道为主导，例如经典蓝 #0000FF 对应 rgb(0, 0, 255)，而天蓝 #87CEEB 对应 rgb(135, 206, 235)。R 值升高蓝色偏紫，G 值升高则偏向青蓝。借助颜色代码数值可以精确控制蓝色的深浅与冷暖。

蓝色系颜色的视觉感受与联想

蓝色能让人情绪平静、思路清晰，给人以秩序感与距离感。在界面设计中，蓝色按钮的点击率与信任度普遍较高，这也是它成为科技与金融行业标配的原因。

如何使用这份蓝色系颜色表

在这份蓝色系颜色表中，每张色卡都标注了标准 HEX 与 RGB 颜色代码，点击任意颜色卡片即可进入颜色详情页，查看该颜色的 HSL、HSV、CMYK 等参数转换、互补色与类比色配色方案、WCAG 无障碍对比度以及色阶变体。设计时可以先在颜色表中快速定位目标色调，再复制颜色代码到设计工具或 CSS 中使用；如果需要跨色系对比，也可以返回 RGB 颜色表总览页，在 11 个色系之间自由切换浏览。

颜色代码的常见格式与复制使用

在蓝色系颜色表中，每个颜色都同时提供 HEX 与 RGB 两种最常用的颜色代码格式：HEX 颜色代码形如 #RRGGBB，由六位十六进制字符组成，书写紧凑，是网页 CSS 与设计软件中最通用的写法；RGB 颜色代码形如 rgb(R, G, B)，用三个 0~255 的十进制数值分别描述红、绿、蓝通道的强度，更适合在程序中做数值计算与动态调整。两种格式描述的是同一个颜色，可以互相换算。使用时点击任意色卡进入详情页，即可一键复制对应的颜色代码，也可以在参数转换表中查看 HSL、HSV、CMYK 等更多格式，满足印刷、影视等不同工作流的需要。

蓝色系颜色代码的应用建议

在实际项目中，建议把蓝色系作为配色体系的主体色或强调色来使用：网页界面中可以用蓝色系控制导航、按钮与关键信息的视觉层级，海报与包装设计中可以用大面积蓝色系快速建立氛围，数据可视化中则可以用蓝色系区分不同维度的数据系列。搭配时可以优先在同色系内做深浅渐变，保证整体和谐；再从本颜色表跳转到的详情页里获取互补色与类比色方案，为画面注入对比与焦点。所有颜色代码都可以一键复制，直接粘贴到 Figma、Sketch、Photoshop 或前端 CSS 中使用，让蓝色系的每一次应用都有精确的 HEX 与 RGB 数值作为依据。