标准天蓝
浅亮晴空蓝，数字界面标准基础浅蓝
HEX
#87CEEBRGB
rgb(135, 206, 235)HSL
hsl(197, 71%, 73%)HSV
hsv(197, 43%, 92%)CMYK
cmyk(43%, 12%, 0%, 8%)HEXA
#87CEEBFFRGBA
rgba(135, 206, 235, 1)HSLA
hsla(197, 71%, 73%, 1)OKLCH
oklch(90.7%, 0.045, 221)LCH
lch(89.7%, 24, 224)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#89EBD6复制
#87CEEB复制
#899EEB三色系3个间隔120°的色相
复制
#87CEEB复制
#EB89CF复制
#CFEB89分裂互补色主色 + 互补色两侧的颜色
复制
#87CEEB复制
#EB899E复制
#EBD689互补色2个间隔180°的色相
复制
#87CEEB复制
#EBA589矩形双互补色4个形成矩形的色相
复制
#87CEEB复制
#D689EB复制
#EBA589复制
#9EEB89单色系单一色相，变化饱和度和亮度
复制
#186E90复制
#32ACDC复制
#87CEEB复制
#E0F3FA复制
#FFFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，步进调整明度 ±30%
饱和度变化 (Saturation)固定色相与明度，步进调整饱和度 ±30%
明度 + 饱和度混合变化同时调整明度与饱和度，步进变化
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
网页界面
用作轻量化官网、后台系统浅色背景，降低文字阅读视觉负担，适配各类浅色前端主题布局。
气象应用
作为晴天、多云状态标识色，贴合原生天空色调，直观传递晴朗舒适的气象氛围。
服饰展示
童装、夏季短袖商品展示底色，烘托清新夏日质感，提升服饰清爽干净视觉观感。
手机主题
浅色手机系统主题主色，搭配白色控件，打造简约低视觉疲劳的移动端界面。
📜 起源与历史
标准天蓝#87CEEB是CSS规范内置命名色Sky Blue，依托电子屏幕RGB色彩体系诞生，区别于古代矿物、油画颜料类天空色系，专为数字显示媒介设计。
该色提取白日晴空浅淡青蓝调，拉高明度弱化厚重感，解决早年不同显示器色彩偏差问题，统一互联网浅蓝色渲染标准。
千禧年后互联网普及，此色大规模用作网页浅色背景，柔和低饱和特质可缓解长时间浏览屏幕带来的视觉疲劳，被前端设计师广泛选用。
色彩体系划分中将其与西方近代钴锡蔚蓝颜料、中式天蓝釉明确区分，不归属传统手工颜料，归类数字标准化色彩范畴。
时至今日仍是轻量化UI、气象软件、儿童向产品主流基底色，低压迫的视觉观感使其长期保持高频应用热度。
🧠 色彩心理学
开阔复刻辽阔晴空视觉意象，拓展内心空间感知，消解局促压抑情绪，带来舒展放松的心理状态。
清爽浅冷色调自带清凉视觉感受，平复内心烦躁躁动，适配夏季、降温相关各类视觉设计场景。
平和饱和度柔和无强烈视觉刺激，稳定情绪起伏，适合办公、学习等需要长时间观看的界面设计。
治愈天然长空意象舒缓精神焦虑，常应用于冥想、心理疏导类软件的舒缓配色方案。
纯粹色调干净无多余杂色叠加，传递简约纯真氛围，塑造无负担、柔和舒适的视觉心理印象。
自由关联天空、户外意象，唤起不受拘束的联想，弱化紧绷压抑的精神状态。