蓝绿色
介于蓝与绿之间的沉静色调,如深潭碧水
HEX
#008B8BRGB
rgb(0, 139, 139)HSL
hsl(180, 100%, 27%)HSV
hsv(180, 100%, 55%)CMYK
cmyk(100%, 0%, 0%, 45%)HEXA
#008B8BFFRGBA
rgba(0, 139, 139, 1)HSLA
hsla(180, 100%, 27%, 1)OKLCH
oklch(74%, 0.126, 195)LCH
lch(71.5%, 47.8, 200)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#008A45复制
#008B8B复制
#00458A三色系3个间隔120°的色相
复制
#008B8B复制
#8A008A复制
#8A8A00分裂互补色主色 + 互补色两侧的颜色
复制
#008B8B复制
#8A0045复制
#8A4500互补色2个间隔180°的色相
复制
#008B8B复制
#8A0000矩形双互补色4个形成矩形的色相
复制
#008B8B复制
#45008A复制
#8A0000复制
#458A00单色系单一色相,变化饱和度和亮度
复制
#000000复制
#002424复制
#008B8B复制
#00F0F0复制
#57FFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,步进调整明度 ±30%
饱和度变化 (Saturation)固定色相与明度,步进调整饱和度 ±30%
明度 + 饱和度混合变化同时调整明度与饱和度,步进变化
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
高端网站
蓝绿色是科技与金融类网站的首选,营造专业、可信赖的沉静氛围。
家居墙面
用于书房或卧室,打造宁静的避风港,配合黄铜装饰可提升复古质感。
职业套装
蓝绿色丝质衬衫或西装,展现职场女性知性优雅又不失亲和力的一面。
冥想应用
在UI界面中作为主色调,帮助用户快速进入平静状态,缓解数字疲劳。
📜 起源与历史
蓝绿色的历史可追溯至古代文明。古埃及人将孔雀石研磨成粉制作眼影,这可能是最早的蓝绿调颜料之一,象征着尼罗河的生机与神祇的庇护。
中世纪时期,蓝绿色在拜占庭艺术中崭露头角,常被用于镶嵌画的背景,表现天国与尘世之间的神秘地带。它的调制需要青金石与铜绿混合,工艺极为复杂。
19世纪维多利亚时代,随着化学染料工业兴起,蓝绿色走入家居装饰,成为书房与客厅的流行色,被称为蒂芙尼蓝的前身,传递着内敛的优雅。
20世纪后期,蓝绿色在数字界面设计中获得新生。它在屏幕上能有效缓解视觉疲劳,成为医疗与金融应用界面的常客。
东方文化中,蓝绿色对应五行中的木与水的交融,是青瓷釉色中的经典。宋代龙泉窑的梅子青便带有这种沉稳的蓝绿调,表达了士大夫清冷高洁的品格。
🧠 色彩心理学
理智冷静蓝绿色同时拥有蓝色的理性与绿色的平和,能快速让人冷静下来,适合需要清晰思考的环境。
优雅知性这种不张扬的色彩自带书卷气,仿佛能传递知识的深度,令人联想到学者的书房。
内敛自省它不似原色强烈,促使人向内探索,营造出一个不被打扰的精神空间。
稳定踏实如深海般恒定,蓝绿色给予人坚实可靠的心理暗示,能平复内心的浮躁。
治愈抚慰沉静的调性对情绪有安抚作用,像被清凉的深水包裹,缓解焦虑与紧张。
疏离神秘介于蓝绿之间的模糊地带,带有一丝不可言说的神秘感,保持恰到好处的距离。