水绿色

极浅的蓝绿调,如晨雾中的水面轻柔梦幻

HEX#F0FFFF
RGBrgb(240, 255, 255)
HSLhsl(180, 100%, 97%)
HSVhsv(180, 6%, 100%)
CMYKcmyk(6%, 0%, 0%, 0%)
HEXA#F0FFFFFF
RGBArgba(240, 255, 255, 1)
HSLAhsla(180, 100%, 97%, 1)
OKLCHoklch(99.5%, 0.007, 197)
LCHlch(99.5%, 12.4, 212)

🎨 配色方案

相似色2-3个相邻色相(≤60°)
复制
#F0FFF7
复制
#F0FFFF
复制
#F0F7FF
三色系3个间隔120°的色相
复制
#F0FFFF
复制
#FFF0FF
复制
#FFFFF0
分裂互补色主色 + 互补色两侧的颜色
复制
#F0FFFF
复制
#FFF0F7
复制
#FFF7F0
互补色2个间隔180°的色相
复制
#F0FFFF
复制
#FFF0F0
矩形双互补色4个形成矩形的色相
复制
#F0FFFF
复制
#F7F0FF
复制
#FFF0F0
复制
#F7FFF0
单色系单一色相,变化饱和度和亮度
复制
#24FFFF
复制
#8AFFFF
复制
#F0FFFF
复制
#FFFFFF
复制
#FFFFFF

♿ WCAG 对比度配色

深入了解 →
Aa14px 正文
高对比文字
#006161对比度 7.1:1AAA
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#0073E6对比度 4.5:1AA
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#8585FF对比度 3:1AA Large
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#FF8AFF对比度 2:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
#009494复制
#00CCCC复制
#0AFFFF复制
#42FFFF复制
#7AFFFF复制
#B8FFFF复制
#F0FFFF复制
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
#F4FAFA复制
#F4FBFB复制
#F3FCFC复制
#F2FDFD复制
#F1FDFD复制
#F0FEFE复制
#F0FFFF复制
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
#346060复制
#3B9191复制
#44C5C5复制
#63DEDE复制
#8AF0F0复制
#BCFBFB复制
#F0FFFF复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#F0FFFB复制
#F0FFFC复制
#F0FFFE复制
#F0FFFF复制
#F0FEFF复制
#F0FCFF复制
#F0FBFF复制

💡 适用场景

👰

新娘头纱

搭配蕾丝或薄纱材质,营造轻盈飘逸的仙女气息,比纯白色更显温柔和浪漫层次。

🛁

卫浴瓷砖

铺设于淋浴区或洗手台背景,配合灯光营造水疗中心般的高端SPA氛围,令人身心放松。

🧴

补水精华

透明滴管瓶身映出水绿色的精华液,直观向消费者传递产品深层补水、质地清爽的核心卖点。

☁️

网页留白

替代刺眼的纯白作为网站背景,增加页面的呼吸感,为文字内容创造一个柔和悦目的视觉容器。

📜 起源与历史

水绿色得名于加勒比海等热带浅海在阳光下的清澈水色,早在20世纪初就被用于描述这种朦胧的蓝绿色调。

在早期的网络时代,水绿色作为X11颜色系统的一部分被定义,与薄荷奶油等同属极浅色系,用于在屏幕上模拟纸张和水彩的质感。

21世纪初的数码产品设计,例如苹果的初代iMac,虽以邦迪蓝闻名,但其周边配件也常采用水绿色,营造透明感的科技美学。

如今的婚礼和室内设计行业视水绿色为'高级感'的基底色,利用其似有若无的色调打造如梦似幻的柔和空间。

🧠 色彩心理学

梦幻浪漫如童话中弥漫雾气的湖面,水绿色具有脱离现实的美感,能编织出一个远离喧嚣的少女梦境。
轻柔透气极高的明度让它几乎失去了重量,呈现出一种可以自由呼吸的通透感,减轻心灵的负重。
干净纯粹如同刚凝结在玻璃上的水汽,没有任何杂质,象征着初生的纯净和不染纤尘的理想境界。
舒缓平和极弱的色素刺激能显著降低心率,是视觉上的白噪音,为焦虑的现代人提供一处心灵的避难所。
细腻敏锐这种朦胧的色彩需要细致入微的观察力才能捕捉,它培养人们更细腻地感知生活和情感。
希望微光像黎明前水天相接处的鱼肚白,虽不明亮,却预示着黑夜将尽,给予人温柔的信念。