浅绿色
轻盈柔和的浅绿,如春草初生般视觉舒适养眼
HEX
#90EE90RGB
rgb(144, 238, 144)HSL
hsl(120, 73%, 75%)HSV
hsv(120, 39%, 93%)CMYK
cmyk(39%, 0%, 39%, 7%)HEXA
#90EE90FFRGBA
rgba(144, 238, 144, 1)HSLA
hsla(120, 73%, 75%, 1)OKLCH
oklch(93%, 0.083, 145)LCH
lch(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 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
医疗空间
手术服和病房墙壁的经典色,能够中和血液的红色残像,缓解病人和医护人员的视觉疲劳。
母婴产品
婴儿床品或奶瓶消毒器采用此色,传递产品无毒、温和的特性,赢得妈妈们的信任。
环保宣传
有机食品或旧物回收项目的标志色,以最直观的方式表达对环境友善的品牌态度。
冥想应用
作为正念冥想App的引导页背景,配合轻柔音乐,帮助用户快速平静心神,进入放空状态。
📜 起源与历史
浅绿色作为一种标准色名,在计算机时代来临前就已存在,但真正被固化下来,是在超文本标记语言发展的初期。
在16位的安全色调色板中,浅绿色成为了网页设计师的标准选择之一,用于制作视觉柔和的表格背景和网页底色。
它的诞生源于一个功能性需求:如何在低分辨率的CRT显示器上,创造出对眼睛负担最小、阅读体验最舒适的数字环境。
如今,浅绿色已经从单纯的屏幕色走进现实,成为儿童产品和康复医疗场所中不可或缺的温柔色彩。
🧠 色彩心理学
温柔舒适浅绿色如同母亲的手轻抚额头,以最柔和的姿态包围感官,驱散疲惫,带来由内而外的放松感。
清新明快带着晨间露水的草地色彩,能驱散阴霾情绪,为封闭的空间注入一股通透的新鲜空气。
天真烂漫与新生和童年紧密相连,它保持着未被世俗沾染的纯真感,唤醒心底最柔软的童趣回忆。
健康保护绿色是国际通用的安全色,浅绿色则更进一步,象征着对生命的呵护和对健康的主动管理。
公平正面不具任何攻击性的平缓色调,如一位公正的调停者,能平等地接纳所有情绪,给出正面的反馈。
豁达大度浅色带来的扩展感和开放性,能让人心胸随之开阔,以更宽广的视角看待眼前的困扰。