浅蓝色

柔和的淡蓝，如薄云轻遮的初晴天空

蓝色系温柔经典色

HEX#B0E0E6

RGBrgb(176, 224, 230)

HSLhsl(187, 52%, 80%)

HSVhsv(187, 23%, 90%)

CMYKcmyk(23%, 3%, 0%, 10%)

HEXA#B0E0E6FF

RGBArgba(176, 224, 230, 1)

HSLAhsla(187, 52%, 80%, 1)

OKLCHoklch(94.1%, 0.026, 205)

LCHlch(93.5%, 18, 212)

🎨 配色方案

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

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

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

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

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

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

♿ WCAG 对比度配色

深入了解 →

Aa14px 正文

高对比文字

#18474E对比度 7.1:1AAA

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

Aa14px 正文

标准文字

#335EA3对比度 4.5:1AA

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

Aa14px 正文

大文字/UI组件

#776CD0对比度 3:1AA Large

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

Aa14px 正文

装饰/分割线

#D477C9对比度 2:1Fail

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

📊 色阶变体 (Scales)

在线调色 → 渐变生成器 →

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

#1D565D

#287680

#3599A7

#45B5C4

#68C3CF

#8FD3DC

#B1E0E7

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

#C1D4D7

#BFD6D9

#BCD8DC

#BADADE

#B7DCE1

#B4DEE4

#B1E0E7

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

#334547

#426267

#4F858C

#5BA5AE

#74BAC3

#93CFD7

#B1E0E7

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

#B1E7DF

#B1E7E4

#B1E5E7

#B1E0E7

#B1DCE7

#B1D7E7

#B1D3E7

💡 适用场景

👔

春夏衬衫

棉麻质地的基础款衬衫，视觉降温且极其百搭，可以无缝出入职场与度假村。

🛁

卫浴空间

卫生间墙面瓷砖或浴帘，配合纯白洁具，营造极度洁净且防霉耐看的洗浴环境。

📄

办公软件

作为文档和表格大面积的底色，有效中和屏幕眩光，保护用户长时间伏案的视力。

🍼

母婴看护

温奶器或婴儿床，以浅色消除配件带来的工业冰冷感，给予新手父母心理慰藉。

📜 起源与历史

浅蓝色在18世纪欧洲洛可可绘画中开始崭露头角。华托和弗拉戈纳尔在描绘贵族户外野餐时，常用浅蓝表现贵妇身上轻盈的丝绸与远方淡去的天空。

19世纪末至20世纪初，随着庞贝古城发掘后的新古典主义回潮，庞贝红之外，考古学家发现了大量褪色的淡蓝壁画。这种被称为庞贝蓝的色调，引发了对古典家居淡雅格调的重新推崇。

1950年代美国中产阶级家居热潮中，浅蓝色瓷砖与厨房设备成为标准。浅蓝色代表卫生、新鲜，也与冷战的太空焦虑相对，它是地面安宁生活的视觉镇定剂。

在数字扁平设计时代，浅蓝是构建层级景深的基石。它不争夺视觉焦点，却默默在卡片、分割线和背景中引导着用户的阅读路径，是最被低估的信息架构构建者。

🧠 色彩心理学

慵懒极具氛围感的放松能力，能让紧绷的肌肉逐渐软化，陷入午后小憩般的微醺。

平凡绝不抢戏的性格底色，甘于平凡衬托万物，是让人毫无负担的日常生活伴侣。

透气如纱窗过滤后的清新空气，疏解胸闷与压迫感，给视觉皮层带来深长的呼吸。

怀旧自带老照片褪色的时光感，唤起关于过去暑假、旧式汽水等模糊的美好记忆。

温顺毫无攻击性的顺从姿态，是强烈冲突后的最佳调解人，抚平所有激动的情绪毛刺。

洁净与水和肥皂相关的直接条件反射，传递除菌、去污与极度清爽的卫生信号。

← 返回色彩探索