颜色代码 · 色系分类

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

共收录 99 个常用青色系颜色代码,点击色卡查看详细参数与配色方案。
#CCFFEE
日晕绿
#66FFCC
欧泊虹彩绿
#10B981
对比亮绿
#003322
孔雀石墨绿
#40826D
翠绿色
Viridian
#1A936F
菠菜绿
#2C5C4E
蛋白石绿 (RAL 6026)
Opal Green
#047857
对比深绿
#065F46
草原深绿
#064E3B
对比深绿
#33FFCC
彩虹蓝绿
#50E3C2
薄荷蓝
Mint Blue
#00A381
花绿青
Hua Lv Qing
#48C9B0
极光绿蓝
#468579
薄荷绿松石 (RAL 6033)
Mint Turquoise
#66FFE6
水蓝色
Aqua Blue
#33E6CC
绿松石蓝
Turquoise Blue
#70A9A1
森林雾绿
#1E443F
蓝绿 (RAL 6004)
Blue Green
#14B8A6
湖水绿蓝
#A5D7D2
浅绿松石
#81D8D0
蒂芙尼绿
Tiffany Green
#40E0D0
绿松石色
Turquoise
#4DB6AC
鸭青
#26A69A
水青
#00897B
铁青
#00A497
孔雀蓝
Peacock Blue
#0E4844
珠光蛋白石绿 (RAL 6036)
Pearl Opal Green
#20B2AA
浅海绿
Light Sea Green
#48D1CC
中绿松石
Medium Turquoise
#0ABAB5
蒂芙尼蓝
Tiffany Blue
#F0FFFF
水绿色
Aqua Green
#E0FFFF
淡青色
Pale Cyan
#AFEEEE
苍蓝色
Pale Blue
#00FFFF
纯青色
Cyan
#5F7F7F
暗青灰
#008B8B
深青色
Dark Cyan
#008080
水鸭蓝
Teal
#2F4F4F
深板岩灰
Dark Slate Gray
#004040
暗绿宝色
#003333
墨绿蓝
#A5F2F3
冰蓝色
Ice Blue
#80BCBD
森林浅蓝
#00CED1
深绿松石
Dark Turquoise
#C5E0E1
冰绿灰
#A8DADC
复古天蓝
#5F9EA0
军校蓝
Cadet Blue
#006064
螺青
#B3E0E2
冰绿
#7DF9FF
电光蓝
Electric Blue
#21888F
绿松石蓝 (RAL 5018)
Turquoise Blue
#008C95
马尔斯绿
Marrs Green
#D4F1F4
水蓝色
Water Blue
#AFDFE4
水色
Aqua
#93D5DC
浅青色
Light Cyan
#0097A7
宝青
#E0F7FA
轻雾清晨乳白蓝
#B0E0E6
浅蓝色
Light Blue
#80DEEA
极光浅绿蓝
#4DD0E1
水绿
#22D3EE
树叶蓝绿
#647E82
复古灰蓝
#2F737E
水蓝 (RAL 5021)
Water Blue
#1A535C
复古墨绿
#D6ECF0
月白
Yue Bai
#006C7F
鸭青色
Duck Teal
#006374
强蓝色
Strong Blue
#48CAE4
湖水浅蓝
#00B4D8
对比亮蓝
#219EBC
波妞深海蓝
#0D98BA
蓝绿色
Blue Green
#0891B2
湖水深蓝
#4CC9F0
深海浅蓝
#0B4151
海洋蓝 (RAL 5020)
Ocean Blue
#ADD8E6
淡蓝色
Pale Blue
#00BFFF
深天蓝
Deep Sky Blue
#4798B3
萨克森蓝
Saxe Blue
#118AB2
对比深蓝
#1685A9
石青色
Azurite Blue
#1A2529
青黑色
Cyan Black
#87CEEB
天蓝色
Sky Blue
#006994
海蓝色
Sea Blue
#D0E8F2
淡青蓝
#CFD8DC
夜间薄云银灰
#228FBD
天青色
Cyan of Sky
#E6F7FF
月晕浅蓝
#E1F5FE
雪天清晨雪蓝
#89CFF0
婴儿蓝
Baby Blue
#8ECAE6
哈尔天空蓝
#4FC3F7
天青
#03A9F4
湖青
#546E7A
阴天午后深灰蓝
#CCEEFF
日晕浅蓝
#B0BEC5
白昼阴天浅灰蓝
#66CCFF
欧泊虹彩蓝
#90A4AE
青灰
#607D8B
黛灰
#236B8E
蓝染
#263238
铁黑

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

青色颜色表收录了清爽宁静的青色系颜色代码,涵盖青碧、水鸭色、湖蓝等常用色。青色介于蓝与绿之间,象征洁净、科技与青春,适合科技产品与夏季风格设计。

青色系的 RGB 颜色代码特点

青色的 RGB 颜色代码由较高的 G、B 值与较低的 R 值构成,例如青色 #00FFFF 对应 rgb(0, 255, 255)。G 值占优时偏向绿松石,B 值占优时则接近天蓝。在颜色表中对比 HEX 数值,可以快速定位青色的冷暖边界。

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

青色自带清凉与通透的气质,让人联想到湖水、冰川与清晨的空气。它在传递科技感的同时不失温和,是夏季主题与清洁类产品的常用色。

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

在这份青色系颜色表中,每张色卡都标注了标准 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 数值作为依据。