水色
清澈浅水般的淡蓝，夏季风物诗之色
HEX
#87C5E2RGB
rgb(135, 197, 226)HSL
hsl(199, 61%, 71%)HSV
hsv(199, 40%, 89%)CMYK
cmyk(40%, 13%, 0%, 11%)HEXA
#87C5E2FFRGBA
rgba(135, 197, 226, 1)HSLA
hsla(199, 61%, 71%, 1)OKLCH
oklch(89.7%, 0.042, 224)LCH
lch(88.4%, 22.7, 226)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#88E2D2复制
#87C5E2复制
#8898E2三色系3个间隔120°的色相
复制
#87C5E2复制
#E288C6复制
#C6E288分裂互补色主色 + 互补色两侧的颜色
复制
#87C5E2复制
#E28898复制
#E2D288互补色2个间隔180°的色相
复制
#87C5E2复制
#E2A588矩形双互补色4个形成矩形的色相
复制
#87C5E2复制
#D288E2复制
#E2A588复制
#98E288单色系单一色相，变化饱和度和亮度
复制
#1F617F复制
#369ECE复制
#87C5E2复制
#DAEDF6复制
#FFFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，步进调整明度 ±30%
饱和度变化 (Saturation)固定色相与明度，步进调整饱和度 ±30%
明度 + 饱和度混合变化同时调整明度与饱和度，步进变化
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
风铃玻璃
江户风铃常以水色玻璃制成，吊在屋檐下，视觉与听觉双重清凉，是日本夏日的风物诗。
刨冰糖浆
夏日祭摊位的刨冰淋上水色夏威夷蓝糖浆，冰凉清甜的视觉与味觉双重消暑。
护肤包装
日系护肤品的补水系列常选水色瓶身，传递水分充盈的产品理念，清新无负担。
手账文具
水色系的手账封皮与墨水，给生活记录增添一份清爽的日常感与仪式感。
📜 起源与历史
水色是日本传统色彩中对清浅流水的命名色。它捕捉了山溪浅濑与春日融雪时河川的通透蓝调，与中国的'水蓝'有相通之处，但日本的'水色'更强调季节感与清凉意。
平安时代，水色已出现在贵族服饰的'袭色目'体系中。所谓'袭色目'是将多层衣服搭配呈现渐变的配色法，水色常作为夏季重ね的浅层色，与白色、萌葱色叠加表现初夏的凉爽感。
江户时代，水色在浮世绘中大量出现。葛饰北斋《富岳三十六景》中，水色被用于描绘富士山下的湖泽与江户城下的河川。水色与普鲁士蓝的深蓝对比，构成了浮世绘风景画的经典色谱。
明治以后，水色作为'日本之色'输出海外。日本政府参加万国博览会时，展馆布饰常用水色与红色组合，象征日本国土四面环海的自然特性与国旗的红白组合。
水色在现代日本生活中仍是夏季的象征色。从刨冰的糖浆到浴衣的图案，从和风小物到化妆品包装，水色携带的清凉感与透明感，使其成为对抗酷暑的视觉解药。
🧠 色彩心理学
清流洗涤如溪水濯足般的清爽触感，洗净身心的疲惫与燥热，重获最初的洁净感。
透明素直清澈见底的浅蓝培养坦诚无欺的品格，让人以不加掩饰的本真状态示人。
瞬间珍惜如融雪水般短暂易逝的色彩意象，唤起对当下瞬间的珍视与一期一会的心境。
青春活力浅色调的轻盈感与少年的清爽形象挂钩，带来年轻、朝气与无限可能的暗示。
包容接纳水无常形故能容纳万物的特质，助人打开心扉接纳异见与多元文化。
凉感镇静视觉降温效果显著，高温烦躁时助人保持冷静克制，避免冲动行事的遗憾。