水绿色
极浅的蓝绿调,如晨雾中的水面轻柔梦幻
HEX
#F0FFFFRGB
rgb(240, 255, 255)HSL
hsl(180, 100%, 97%)HSV
hsv(180, 6%, 100%)CMYK
cmyk(6%, 0%, 0%, 0%)HEXA
#F0FFFFFFRGBA
rgba(240, 255, 255, 1)HSLA
hsla(180, 100%, 97%, 1)OKLCH
oklch(99.5%, 0.007, 197)LCH
lch(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 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
新娘头纱
搭配蕾丝或薄纱材质,营造轻盈飘逸的仙女气息,比纯白色更显温柔和浪漫层次。
卫浴瓷砖
铺设于淋浴区或洗手台背景,配合灯光营造水疗中心般的高端SPA氛围,令人身心放松。
补水精华
透明滴管瓶身映出水绿色的精华液,直观向消费者传递产品深层补水、质地清爽的核心卖点。
网页留白
替代刺眼的纯白作为网站背景,增加页面的呼吸感,为文字内容创造一个柔和悦目的视觉容器。
📜 起源与历史
水绿色得名于加勒比海等热带浅海在阳光下的清澈水色,早在20世纪初就被用于描述这种朦胧的蓝绿色调。
在早期的网络时代,水绿色作为X11颜色系统的一部分被定义,与薄荷奶油等同属极浅色系,用于在屏幕上模拟纸张和水彩的质感。
21世纪初的数码产品设计,例如苹果的初代iMac,虽以邦迪蓝闻名,但其周边配件也常采用水绿色,营造透明感的科技美学。
如今的婚礼和室内设计行业视水绿色为'高级感'的基底色,利用其似有若无的色调打造如梦似幻的柔和空间。
🧠 色彩心理学
梦幻浪漫如童话中弥漫雾气的湖面,水绿色具有脱离现实的美感,能编织出一个远离喧嚣的少女梦境。
轻柔透气极高的明度让它几乎失去了重量,呈现出一种可以自由呼吸的通透感,减轻心灵的负重。
干净纯粹如同刚凝结在玻璃上的水汽,没有任何杂质,象征着初生的纯净和不染纤尘的理想境界。
舒缓平和极弱的色素刺激能显著降低心率,是视觉上的白噪音,为焦虑的现代人提供一处心灵的避难所。
细腻敏锐这种朦胧的色彩需要细致入微的观察力才能捕捉,它培养人们更细腻地感知生活和情感。
希望微光像黎明前水天相接处的鱼肚白,虽不明亮,却预示着黑夜将尽,给予人温柔的信念。