冰蓝色
冰雪折射的冷调浅蓝,清透空灵富有未来感
HEX
#A5D8E8RGB
rgb(165, 216, 232)HSL
hsl(194, 59%, 78%)HSV
hsv(194, 29%, 91%)CMYK
cmyk(29%, 7%, 0%, 9%)HEXA
#A5D8E8FFRGBA
rgba(165, 216, 232, 1)HSLA
hsla(194, 59%, 78%, 1)OKLCH
oklch(92.9%, 0.03, 217)LCH
lch(92.1%, 19.2, 219)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#A6E8D6复制
#A5D8E8复制
#A6B7E8三色系3个间隔120°的色相
复制
#A5D8E8复制
#E8A6D9复制
#D9E8A6分裂互补色主色 + 互补色两侧的颜色
复制
#A5D8E8复制
#E8A6B7复制
#E8D6A6互补色2个间隔180°的色相
复制
#A5D8E8复制
#E8B5A6矩形双互补色4个形成矩形的色相
复制
#A5D8E8复制
#D6A6E8复制
#E8B5A6复制
#B7E8A6单色系单一色相,变化饱和度和亮度
复制
#287F9A复制
#55B6D3复制
#A5D8E8复制
#F7FCFD复制
#FFFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,步进调整明度 ±30%
饱和度变化 (Saturation)固定色相与明度,步进调整饱和度 ±30%
明度 + 饱和度混合变化同时调整明度与饱和度,步进变化
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
数码产品
手机配色与系统主题的热门选择,以冰蓝调塑造轻盈科技感与年轻潮流形象。
珠宝配饰
海蓝宝石与托帕石的天然冰蓝色调,在高端珠宝中呈现清冷优雅的奢华气质。
冬季运动
滑雪与冰上运动的装备及视觉设计中高频出现,呼应冰雪场景的天然色彩。
饮料包装
薄荷与电解质饮料常用冰蓝色包装,直观传递冰爽、清凉的口感暗示。
📜 起源与历史
冰蓝色作为独立色彩概念出现较晚,是数字时代的产物。在传统绘画与染料体系中,这种冷调浅蓝通常被视为天蓝或湖蓝的变体,没有独立的色名。直到20世纪后期屏幕媒介兴起,冰蓝色才被明确命名。
冰蓝色的审美基因可追溯至极地探索的视觉记录。19世纪末至20世纪初,北极探险摄影中冰山与冰川呈现出的蓝白调光影,为西方世界带来了冰雪蓝的美学启蒙,冰蓝色正是对这种极致冷调蓝色的提炼与抽象。
1990年代末至2000年代初,随着iMac等消费电子产品的彩色化浪潮,冰蓝色作为代表未来感的色彩被大量使用。透明塑料外壳的冰蓝色电子设备风靡一时,奠定了冰蓝色与科技、潮流的关联。
在当代UI设计中,冰蓝色成为暗色模式与渐变背景的常用色。社交媒体与短视频平台的滤镜效果中,冰蓝色被用来营造清冷、高级的视觉氛围,是典型的数字原生色彩美学。
🧠 色彩心理学
空灵清透如冰晶折射光线般的通透感,赋予空间呼吸感与轻盈的视觉体验。
冷静克制冷调的浅蓝带有天然的理性气质,抑制情绪冲动,助人保持清醒与客观。
科技未来冰蓝色与科幻电影中的全息投影、冰雪星球等视觉符号深度绑定,充满未来想象。
高级疏离适度的冷淡感营造出高级氛围,不迎合、不热络,自带格调与距离美。
洁净纯粹冰雪意象带来的洁净联想,如初雪覆盖的纯净世界,象征无垢与新生。
沉静凝思低温感的色彩让躁动的心绪降温,适合深度思考与独处时的内省状态。