浅绿色

轻盈柔和的浅绿,如春草初生般视觉舒适养眼

HEX#90EE90
RGBrgb(144, 238, 144)
HSLhsl(120, 73%, 75%)
HSVhsv(120, 39%, 93%)
CMYKcmyk(39%, 0%, 39%, 7%)
HEXA#90EE90FF
RGBArgba(144, 238, 144, 1)
HSLAhsla(120, 73%, 75%, 1)
OKLCHoklch(93%, 0.083, 145)
LCHlch(92.9%, 35.2, 157)

🎨 配色方案

相似色2-3个相邻色相(≤60°)
复制
#BFEE91
复制
#90EE90
复制
#91EEBF
三色系3个间隔120°的色相
复制
#90EE90
复制
#9191EE
复制
#EE9191
分裂互补色主色 + 互补色两侧的颜色
复制
#90EE90
复制
#BF91EE
复制
#EE91BF
互补色2个间隔180°的色相
复制
#90EE90
复制
#EE91EE
矩形双互补色4个形成矩形的色相
复制
#90EE90
复制
#91BFEE
复制
#EE91EE
复制
#EEBF91
单色系单一色相,变化饱和度和亮度
复制
#189A18
复制
#38E038
复制
#90EE90
复制
#E9FCE9
复制
#FFFFFF

♿ WCAG 对比度配色

深入了解 →
Aa14px 正文
高对比文字
#0C4F0C对比度 6.9:1AA
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#116E40对比度 4.5:1AA
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#158989对比度 3:1AA Large
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#9191EE对比度 2:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
#106510复制
#158915复制
#1CB01C复制
#22D822复制
#41E141复制
#69E869复制
#91EE91复制
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
#ADD2AD复制
#A8D7A8复制
#A3DBA3复制
#9FE09F复制
#9AE49A复制
#95E995复制
#91EE91复制
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
#2E482E复制
#376737复制
#3E8E3E复制
#42B842复制
#54CF54复制
#71E071复制
#91EE91复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#A8EE91复制
#A0EE91复制
#98EE91复制
#91EE91复制
#91EE98复制
#91EEA0复制
#91EEA8复制

💡 适用场景

🏥

医疗空间

手术服和病房墙壁的经典色,能够中和血液的红色残像,缓解病人和医护人员的视觉疲劳。

🧸

母婴产品

婴儿床品或奶瓶消毒器采用此色,传递产品无毒、温和的特性,赢得妈妈们的信任。

🌾

环保宣传

有机食品或旧物回收项目的标志色,以最直观的方式表达对环境友善的品牌态度。

🧘

冥想应用

作为正念冥想App的引导页背景,配合轻柔音乐,帮助用户快速平静心神,进入放空状态。

📜 起源与历史

浅绿色作为一种标准色名,在计算机时代来临前就已存在,但真正被固化下来,是在超文本标记语言发展的初期。

在16位的安全色调色板中,浅绿色成为了网页设计师的标准选择之一,用于制作视觉柔和的表格背景和网页底色。

它的诞生源于一个功能性需求:如何在低分辨率的CRT显示器上,创造出对眼睛负担最小、阅读体验最舒适的数字环境。

如今,浅绿色已经从单纯的屏幕色走进现实,成为儿童产品和康复医疗场所中不可或缺的温柔色彩。

🧠 色彩心理学

温柔舒适浅绿色如同母亲的手轻抚额头,以最柔和的姿态包围感官,驱散疲惫,带来由内而外的放松感。
清新明快带着晨间露水的草地色彩,能驱散阴霾情绪,为封闭的空间注入一股通透的新鲜空气。
天真烂漫与新生和童年紧密相连,它保持着未被世俗沾染的纯真感,唤醒心底最柔软的童趣回忆。
健康保护绿色是国际通用的安全色,浅绿色则更进一步,象征着对生命的呵护和对健康的主动管理。
公平正面不具任何攻击性的平缓色调,如一位公正的调停者,能平等地接纳所有情绪,给出正面的反馈。
豁达大度浅色带来的扩展感和开放性,能让人心胸随之开阔,以更宽广的视角看待眼前的困扰。