冰蓝色

现代流行冰蓝，冰雪折射出的极致清透感

青色系宁静经典色

HEX#A5F2F3

RGBrgb(165, 242, 243)

HSLhsl(181, 76%, 80%)

HSVhsv(181, 32%, 95%)

CMYKcmyk(32%, 0%, 0%, 5%)

HEXA#A5F2F3FF

RGBArgba(165, 242, 243, 1)

HSLAhsla(181, 76%, 80%, 1)

OKLCHoklch(95.5%, 0.04, 197)

LCHlch(95.4%, 22.5, 206)

🎨 配色方案

相似色2-3个相邻色相（≤60°）

三色系3个间隔120°的色相

分裂互补色主色 + 互补色两侧的颜色

互补色2个间隔180°的色相

矩形双互补色4个形成矩形的色相

单色系单一色相，变化饱和度和亮度

♿ WCAG 对比度配色

深入了解 →

Aa14px 正文

高对比文字

#0C5455对比度 6.9:1AA

适合正文、标题等主要内容，确保所有用户都能清晰阅读

Aa14px 正文

标准文字

#1A68BC对比度 4.4:1AA Large

适合普通正文内容，满足 WCAG AA 标准

Aa14px 正文

大文字/UI组件

#7674EC对比度 3:1AA Large

适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界

Aa14px 正文

装饰/分割线

#ED78EB对比度 2:1Fail

适合装饰性元素、分割线、非必要信息文字

📊 色阶变体 (Scales)

在线调色 → 渐变生成器 →

明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%

#0F6A6C

#149294

#1ABEC1

#28DFE2

#50E5E7

#7DEBED

#A5F1F3

饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%

#BDDBDB

#B9DFDF

#B5E3E3

#B1E6E7

#ADEAEB

#A9EEEF

#A5F1F3

明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%

#2F4B4B

#396E6F

#41999B

#49BFC1

#62D3D5

#84E5E7

#A5F1F3

色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°

#A5F3E1

#A5F3E7

#A5F3EE

#A5F1F3

#A5EBF3

#A5E5F3

#A5DEF3

💡 适用场景

🧊

夏季饮品

薄荷气泡水或冰杯的设计包装，视觉上先给喉咙带来冰凉解渴的暗示。

💻

透明设备

轻薄笔记本电脑或键盘的背光，呈现极具科技美感的悬浮式视觉效果。

💎

钻石光泽

珠宝展示的布景灯光，模拟日光下冰晶的折射，增添首饰的净度观感。

🧴

补水护肤

保湿水或面膜的包装主色，暗示产品如水般清爽不黏腻的快速渗透感。

📜 起源与历史

冰蓝色是极地冰川与寒冬湖面折射阳光时呈现的视觉效果。在20世纪以前的绘画中极少独立出现，多作为白色高光下的辅色。它真正被大众认知，始于极地探险影像的传播。

1950至60年代，原子时代与太空热潮让人们对未来充满冰冷的科技想象，冰蓝色开始出现在科幻插画和未来主义家居设计中，代表宇航和冷冻技术的前沿感。

千禧年之后，随着环保意识高涨及对清凉质感的追求，冰蓝席卷时尚与美容界。它成为夏日限定彩妆、透明数码配件的标志性配色，主打视觉降温的概念。

进入互联网审美时代，冰蓝因其高透光感和近乎白色的洁净，成为UI设计中玻璃拟态风格的重要元素，常用来表现科技背后的人文温度与纯净感。

🧠 色彩心理学

清冽仿佛吸入一口冰冷空气，瞬间醒神。它让思维变得清晰，扫除混沌。

纯粹几近无暇的视觉感，如原始冰川，唤起对纯净无垢世界的向往。

超脱不沾尘埃的色调，带来疏离于俗世烦恼的镇静，颇具禅意。

未来与赛博空间的高科技联想相连，激发对未来洁净世界的大胆幻想。

节律冷静的色调帮助抑制多余冲动，让人在盛夏保持规律和克制的节奏。

轻透视觉重量极轻，不留痕迹，给予心灵零负担的轻快呼吸感。

← 返回色彩探索