爱丽丝蓝

极淡的灰调浅蓝，轻盈如童话幻境般纯净

蓝色系温柔数字标准色

HEX#F0F8FF

RGBrgb(240, 248, 255)

HSLhsl(208, 100%, 97%)

HSVhsv(208, 6%, 100%)

CMYKcmyk(6%, 3%, 0%, 0%)

HEXA#F0F8FFFF

RGBArgba(240, 248, 255, 1)

HSLAhsla(208, 100%, 97%, 1)

OKLCHoklch(98.9%, 0.006, 244)

LCHlch(98.7%, 11.8, 221)

🎨 配色方案

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

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

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

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

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

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

♿ WCAG 对比度配色

深入了解 →

Aa14px 正文

高对比文字

#00549E对比度 7.1:1AAA

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

Aa14px 正文

标准文字

#575CFF对比度 4.5:1AA

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

Aa14px 正文

大文字/UI组件

#B370FF对比度 2.9:1Fail

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

Aa14px 正文

装饰/分割线

#FF8AC8对比度 2:1Fail

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

📊 色阶变体 (Scales)

在线调色 → 渐变生成器 →

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

#004F94

#006DCC

#0A8DFF

#42A7FF

#7AC1FF

#B8DEFF

#F0F8FF

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

#F4F8FA

#F4F8FB

#F3F8FC

#F2F8FD

#F1F8FD

#F0F8FE

#F0F8FF

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

#344B60

#3B6991

#4489C5

#63A5DE

#8AC0F0

#BCDDFB

#F0F8FF

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

#F0FCFF

#F0FAFF

#F0F9FF

#F0F8FF

#F0F7FF

#F0F5FF

#F0F4FF

💡 适用场景

🌙

夜间模式

阅读APP的夜览皮肤，替代刺眼纯白，利用低蓝光伪像模拟烛光下的书页质感。

👰

轻婚纱

晨袍或户外出嫁纱的主料，在自然光下拍摄会呈现油画般柔和而高级的哑光感。

👶

新生儿礼盒

作为满月伴手礼的包装，视觉先行的洁净感极佳地呼应了新生命的纯洁无瑕。

💻

编辑器底

Markdown编辑器的禅模式背景，模糊边界让作者沉浸在无干扰的纯文本写作中。

📜 起源与历史

爱丽丝蓝这一诗意名称源自西奥多·罗斯福总统的长女爱丽丝·罗斯福·朗沃斯。20世纪初，这位引领时尚的社交名媛偏爱穿一种带冷调的淡蓝色礼服，引发上流社会妇女争相效仿。

爱丽丝生前是个性的象征，她机智敏锐、特立独行，白宫曾专门为其设置禁令。这种清冷又难以捉摸的淡蓝恰好与她叛逆而又高贵典雅的形象完全契合。

在2000年前后，爱丽丝蓝被X11及W3C标准收录为网页安全色，赋予了它数字化的新生命。极其高的明度使其在屏幕显示中近乎纯白，但在冷色光源下会透出幽幽蓝光。

现代极简主义将爱丽丝蓝视为比纯白更具层次感的留白手段。在阅读类或助眠类应用中，它替代纯白作为背景色，以微妙的冷调缓解长时间聚焦带来的视觉干涩与疲劳。

🧠 色彩心理学

天真不染俗尘的稚气，保护着童年纯粹的幻想，不愿被现实世界的残酷规则同化。

脱俗近乎透明的冰冷仙气，果断远离热烈与嘈杂，维持一种高傲的洁净姿态。

轻风视觉体感极轻，像吹过冰原的风，不带一丝热量，带走多余的情绪淤积。

守静极低的色彩存在感，构建出无人打扰的精神庇护所，利于内省与深度思考。

距离看似温柔实则高冷的拒绝色，在潜意识里划定礼貌而不可逾越的社交边界。

空灵传递出非物质化的虚无美感，仿佛来自另一个维度，令人萌生奇妙的科幻联想。

← 返回色彩探索