海洋绿

深海藻类般的葱郁绿色，浓郁沉稳生机暗涌

绿色系沉静经典色

HEX#2E8B57

RGBrgb(46, 139, 87)

HSLhsl(146, 50%, 36%)

HSVhsv(146, 67%, 55%)

CMYKcmyk(67%, 0%, 37%, 45%)

HEXA#2E8B57FF

RGBArgba(46, 139, 87, 1)

HSLAhsla(146, 50%, 36%, 1)

OKLCHoklch(75.6%, 0.094, 162)

LCHlch(73.1%, 38.8, 169)

🎨 配色方案

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

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

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

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

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

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

♿ WCAG 对比度配色

深入了解 →

Aa14px 正文

高对比文字

#FBFEFC对比度 4.2:1AA Large

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

Aa14px 正文

标准文字

#FBFEFE对比度 4.2:1AA Large

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

Aa14px 正文

大文字/UI组件

#C6DBEC对比度 3:1AA Large

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

Aa14px 正文

装饰/分割线

#562E8A对比度 2.3:1Fail

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

📊 色阶变体 (Scales)

在线调色 → 渐变生成器 →

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

#0E2A1A

#133924

#18492D

#1D5837

#246B43

#297A4C

#2E8A56

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

#496E59

#457359

#407758

#3C7C58

#378157

#328556

#2E8A56

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

#18201B

#1E2E25

#233E2F

#284D38

#2C6344

#2E764D

#2E8A56

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

#2E8A3F

#2E8A46

#2E8A4E

#2E8A56

#2E8A5D

#2E8A65

#2E8A6D

💡 适用场景

🏢

办公空间

办公室墙面和办公家具用海洋绿有助于提升专注度，减少视觉疲劳。

🚢

海军风格

海军制服和航海主题装饰的经典色，传递坚毅果敢的海洋精神。

🌿

植物衬托

绿植墙和植物商店的背景色，与真实植物形成层次，凸显自然生机。

📱

暗色模式

App深色模式的底色选项，比纯黑柔和，长时间使用眼睛更舒适。

📜 起源与历史

海洋绿是HTML标准色之一，其色彩灵感来源于深海海藻和礁石上附着的藻类植物。在19世纪博物学兴起时期，这种颜色被广泛用于植物图鉴和自然史插图中。

20世纪中期，海洋绿成为现代主义建筑和工业设计中备受推崇的色彩，因为它兼具自然的生机感和人造环境的秩序感，是连接室内与户外的色彩桥梁。

在军事领域，海洋绿被用于海军制服和舰艇涂装，其低可视度的特性使其具有良好的隐蔽效果，同时又比纯绿更具辨识度。

当代色彩趋势中，海洋绿因其舒缓视觉的特性，成为居家办公空间和数字产品深色模式中的热门配色。

🧠 色彩心理学

沉静如同深海之下的静谧世界，这种浓郁的绿色能让浮躁的心逐渐沉静下来。

包容海洋般的宽广色调承载着一种包容万物的力量，让人感到安全和被接纳。

生机虽深沉却不死板，暗涌的绿色能量象征着在沉默中积蓄的顽强生命力。

专注有助于屏蔽外界干扰，营造专注的工作和思考氛围，提升效率。

自然唤起对森林与海洋的原始记忆，在钢筋水泥中重建与自然的心理联结。

笃定不随潮流摇摆的经典色调，传递出一种内心笃定、从容不迫的人生姿态。

← 返回色彩探索