黄绿色
早春柳芽初绽之色，清新中带着蓬勃朝气与活力
HEX
#9ACD32RGB
rgb(154, 205, 50)HSL
hsl(80, 61%, 50%)HSV
hsv(80, 76%, 80%)CMYK
cmyk(25%, 0%, 76%, 20%)HEXA
#9ACD32FFRGBA
rgba(154, 205, 50, 1)HSLA
hsla(80, 61%, 50%, 1)OKLCH
oklch(88.6%, 0.139, 121)LCH
lch(87.8%, 56.4, 125)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#CDB332复制
#9ACD32复制
#4CCD32三色系3个间隔120°的色相
复制
#9ACD32复制
#3299CD复制
#CD3299分裂互补色主色 + 互补色两侧的颜色
复制
#9ACD32复制
#324CCD复制
#B332CD互补色2个间隔180°的色相
复制
#9ACD32复制
#6632CD矩形双互补色4个形成矩形的色相
复制
#9ACD32复制
#32CDB3复制
#6632CD复制
#CD324C单色系单一色相，变化饱和度和亮度
复制
#1F290A复制
#5C7B1E复制
#9ACD32复制
#C2E184复制
#EBF5D6♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，步进调整明度 ±30%
饱和度变化 (Saturation)固定色相与明度，步进调整饱和度 ±30%
明度 + 饱和度混合变化同时调整明度与饱和度，步进变化
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
潮流单品
用于运动鞋或机能风外套的撞色设计，为整体造型注入高调的街头活力。
游戏界面
作为血条或技能冷却条的指示色，利用其视觉凸显性提升操作效率。
健康餐食
黄绿色的蔬果汁或轻食包装，暗示食材的鲜活度与高维生素含量。
数据可视化
在深色仪表盘中使用黄绿色线条或柱状图，确保复杂数据一目了然。
📜 起源与历史
黄绿色作为一种高亮色调，在自然界中虽常见于新芽与果实，但其作为独立颜料的历史并不长。早期的黄绿调和多不稳定，容易褪色。
19世纪后期，砷酸盐制成的舍勒绿与翡翠绿曾风靡欧洲，虽毒性强却阻挡不了人们对这种鲜亮色彩的狂热追求，被用于壁纸与衣物。
20世纪中叶，荧光染料的发明赋予了黄绿色全新的视觉意义。它成为反光背心与安全标识的颜色，象征着高度的警示与视觉穿透力。
进入数字时代，黄绿色在RGB色域中表现极为抢眼。得益于其高亮度，它在UI设计中常被用作交互高亮色与点缀色，代表活力与创新。
千禧年之后，黄绿色频繁出现在嘻哈文化与街头潮流中，成为打破沉闷、彰显个性的标致色彩，是Z世代表达态度的视觉符号。
🧠 色彩心理学
活力四射高饱和度的黄绿色能迅速刺激感官，像注入维他命一般，驱散疲劳与倦怠感。
积极乐观如初春万物复苏，这种色彩能暗示新的开始，帮助人从积极的角度看待问题。
前卫大胆在自然界中罕见如此高亮的绿，使用者往往被定义为敢于尝试、思想开放。
张扬奔放不惧怕成为视觉焦点，黄绿色鼓励人们释放天性，享受被瞩目的快乐。
开朗亲和带有黄色底色的绿调，比纯绿更温暖，能迅速拉近距离，营造轻松社交氛围。
探索好奇像嫩芽探索阳光，这种色彩激发人对新鲜事物的渴求心与冒险精神。