中春绿

仲春时节的饱满绿意，明亮柔和如新叶舒展

绿色系明快数字标准色

HEX#00FA9A

RGBrgb(0, 250, 154)

HSLhsl(157, 100%, 49%)

HSVhsv(157, 100%, 98%)

CMYKcmyk(100%, 0%, 38%, 2%)

HEXA#00FA9AFF

RGBArgba(0, 250, 154, 1)

HSLAhsla(157, 100%, 49%, 1)

OKLCHoklch(88.5%, 0.172, 172)

LCHlch(89.1%, 67.5, 176)

🎨 配色方案

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

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

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

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

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

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

♿ WCAG 对比度配色

深入了解 →

Aa14px 正文

高对比文字

#004D2F对比度 7.2:1AAA

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

Aa14px 正文

标准文字

#006C7A对比度 4.4:1AA Large

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

Aa14px 正文

大文字/UI组件

#0060FA对比度 3.7:1AA Large

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

Aa14px 正文

装饰/分割线

#9A00FA对比度 4:1AA Large

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

📊 色阶变体 (Scales)

在线调色 → 渐变生成器 →

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

#004D2F

#00663F

#008552

#00A365

#00C278

#00DB87

#00FA9A

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

#4BAF89

#3EBB8C

#32C88E

#25D491

#19E194

#0CED97

#00FA9A

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

#1B3229

#1E4838

#1F654A

#1D875E

#16AC72

#0DCE84

#00FA9A

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

#00FA5C

#00FA70

#00FA85

#00FA9A

#00FAAF

#00FAC4

#00FAD9

💡 适用场景

✅

操作确认

App和网页中按钮的确认状态色，通用的视觉语言，降低用户认知成本。

🌳

园林景观

景观设计效果图的主色调，用于表现健康茂盛的草坪和树冠，效果逼真。

🎒

户外装备

登山包和帐篷常用中春绿，在自然环境中和谐融入，兼顾美观与实用性。

🥑

素食品牌

植物基食品和素食餐厅的品牌色，传达新鲜、健康和可持续的生活理念。

📜 起源与历史

中春绿是CSS标准色之一，得名于仲春时节万物生长最为旺盛时的自然绿意。它比春绿柔和，比中海绿明亮，恰好捕捉了春天中最美好那一瞬的色彩。

在数字艺术和像素绘画中，中春绿是描绘自然场景不可或缺的颜色，从8位像素时代到现代3A游戏大作，它始终是画面中表现草地和树叶的基础色。

20世纪90年代，随着环保意识的觉醒，中春绿成为各大环保组织和绿色政党标志的常用色，因其既有活力又不显得过于激进，适合主流传播。

当代UI设计中，中春绿常用于表示成功状态和正向反馈，如按钮的确认态和进度条的完成态，是一种全球通行的视觉语言。

🧠 色彩心理学

舒展如新叶在春风中缓缓展开，这种绿色令人感到身心舒展，紧绷的神经得到松弛。

柔和虽明亮却不刺眼，像被一层薄纱柔化的春光，给人恰到好处的温暖和舒适。

积极充满正向能量的绿色，能有效扭转消极情绪，引导人们用乐观的眼光看待事物。

生长与植物生长的旺盛期紧密相连，唤醒内在的成长动力和自我提升的渴望。

和谐这种绿色在自然界中最为常见，因而天然带有和谐共生的意味，减少冲突感。

肯定在数字语境中代表正确和成功，长期的用户习惯使其产生被肯定的愉悦心理。

← 返回色彩探索