浅天蓝
清晨薄雾中的淡天蓝,轻盈透亮如水
HEX
#87CEFARGB
rgb(135, 206, 250)HSL
hsl(203, 92%, 75%)HSV
hsv(203, 46%, 98%)CMYK
cmyk(46%, 18%, 0%, 2%)HEXA
#87CEFAFFRGBA
rgba(135, 206, 250, 1)HSLA
hsla(203, 92%, 75%, 1)OKLCH
oklch(91%, 0.05, 231)LCH
lch(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 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
微风纱帘
飘窗上轻薄的亚麻纱帘,在晴天能过滤出极为柔和的室内柔光,适合慵懒阅读角。
孕期瑜伽
孕妇普拉提或冥想房的墙色,这种充满空气感的浅蓝能给予准妈妈放松的情绪暗示。
日系滤镜
人像后期修图的核心参数,压低对比度拉高蓝原色,直出一张小清新透明感人像。
蓝图远景
初创企业BP中的前景展望页背景,借助广阔天空暗示即将迎来的指数级业务扩张。
📜 起源与历史
浅天蓝复制了日出之后短暂时刻的苍穹色彩。19世纪浪漫主义诗人济慈在《秋颂》中描绘薄雾与硕果累累的季节,就笼罩在这种带着露水气息的浅蓝光晕之下。
在早期动漫与赛璐璐胶片时代,浅天蓝是绘制天空背景的标准底色。宫崎骏在《天空之城》和《龙猫》中,用这种极度温柔的天空背景成功构建了吉卜力式的童话乌托邦。
Windows XP的默认蓝天绿草壁纸极富盛名,其中的蓝天部分即为浅天蓝的经典应用。这张照片拍摄于加州索诺玛县,其蓝天色调抚平了无数电脑用户面对屏幕时的焦虑。
由于具有极高的宽容度,浅天蓝在UI设计中是极佳的非模态弹窗底色。它比纯白多了一点人情味,又比其它鲜艳色更不容易让视觉兴奋,是信息传递最友好的介质。
🧠 色彩心理学
疗愈柔和的散射光安抚紧张的视网膜神经,像润肤露一样悄无声息地修复着心灵的擦伤。
期冀一日之计在于晨的晨曦色调,给人以可以把昨日清零并重新开始的动力与斗志。
懵懂没有明确的形体边界,仿若年少未知时的朦胧,拒绝定义与分类的性别中立感。
净透轻若无物的透明感,不增不减地存在,让复杂的世界看上去像是加了纯净水般稀薄。
安和与世无争的平和,杜绝了艳丽的情绪波动,适合用来包装需要安静阅读的文字。
感性带着一丝湿润的忧郁,是理性主义夹缝中的微妙感触,属于敏感的文艺灵魂。