浅天蓝

清晨薄雾中的淡天蓝,轻盈透亮如水

HEX#87CEFA
RGBrgb(135, 206, 250)
HSLhsl(203, 92%, 75%)
HSVhsv(203, 46%, 98%)
CMYKcmyk(46%, 18%, 0%, 2%)
HEXA#87CEFAFF
RGBArgba(135, 206, 250, 1)
HSLAhsla(203, 92%, 75%, 1)
OKLCHoklch(91%, 0.05, 231)
LCHlch(89.9%, 25.5, 231)

🎨 配色方案

相似色2-3个相邻色相(≤60°)
复制
#85FAEC
复制
#87CEFA
复制
#8592FA
三色系3个间隔120°的色相
复制
#87CEFA
复制
#FA85CD
复制
#CDFA85
分裂互补色主色 + 互补色两侧的颜色
复制
#87CEFA
复制
#FA8592
复制
#FAEC85
互补色2个间隔180°的色相
复制
#87CEFA
复制
#FAB285
矩形双互补色4个形成矩形的色相
复制
#87CEFA
复制
#EC85FA
复制
#FAB285
复制
#92FA85
单色系单一色相,变化饱和度和亮度
复制
#076CAB
复制
#23A5F6
复制
#87CEFA
复制
#E7F5FE
复制
#FFFFFF

♿ WCAG 对比度配色

深入了解 →
Aa14px 正文
高对比文字
#043B5D对比度 6.8:1AA
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#142EF5对比度 4.5:1AA
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#8640F7对比度 3:1AA Large
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#F73BAF对比度 2:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
#054771复制
#066098复制
#087CC4复制
#0A98F0复制
#2CA9F6复制
#59BBF8复制
#85CDFA复制
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
#A8C5D7复制
#A2C6DD复制
#9CC7E2复制
#96C9E8复制
#90CAEE复制
#8ACCF4复制
#85CDFA复制
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
#2A3E4B复制
#31566D复制
#347298复制
#328EC8复制
#43A4DF复制
#62B9EF复制
#85CDFA复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#85EAFA复制
#85E0FA复制
#85D7FA复制
#85CDFA复制
#85C3FA复制
#85B9FA复制
#85B0FA复制

💡 适用场景

🍃

微风纱帘

飘窗上轻薄的亚麻纱帘,在晴天能过滤出极为柔和的室内柔光,适合慵懒阅读角。

🤰

孕期瑜伽

孕妇普拉提或冥想房的墙色,这种充满空气感的浅蓝能给予准妈妈放松的情绪暗示。

📷

日系滤镜

人像后期修图的核心参数,压低对比度拉高蓝原色,直出一张小清新透明感人像。

🖥️

蓝图远景

初创企业BP中的前景展望页背景,借助广阔天空暗示即将迎来的指数级业务扩张。

📜 起源与历史

浅天蓝复制了日出之后短暂时刻的苍穹色彩。19世纪浪漫主义诗人济慈在《秋颂》中描绘薄雾与硕果累累的季节,就笼罩在这种带着露水气息的浅蓝光晕之下。

在早期动漫与赛璐璐胶片时代,浅天蓝是绘制天空背景的标准底色。宫崎骏在《天空之城》和《龙猫》中,用这种极度温柔的天空背景成功构建了吉卜力式的童话乌托邦。

Windows XP的默认蓝天绿草壁纸极富盛名,其中的蓝天部分即为浅天蓝的经典应用。这张照片拍摄于加州索诺玛县,其蓝天色调抚平了无数电脑用户面对屏幕时的焦虑。

由于具有极高的宽容度,浅天蓝在UI设计中是极佳的非模态弹窗底色。它比纯白多了一点人情味,又比其它鲜艳色更不容易让视觉兴奋,是信息传递最友好的介质。

🧠 色彩心理学

疗愈柔和的散射光安抚紧张的视网膜神经,像润肤露一样悄无声息地修复着心灵的擦伤。
期冀一日之计在于晨的晨曦色调,给人以可以把昨日清零并重新开始的动力与斗志。
懵懂没有明确的形体边界,仿若年少未知时的朦胧,拒绝定义与分类的性别中立感。
净透轻若无物的透明感,不增不减地存在,让复杂的世界看上去像是加了纯净水般稀薄。
安和与世无争的平和,杜绝了艳丽的情绪波动,适合用来包装需要安静阅读的文字。
感性带着一丝湿润的忧郁,是理性主义夹缝中的微妙感触,属于敏感的文艺灵魂。