绿黄色
绿与黄的交界色,如酸橙果皮鲜明而跳跃
HEX
#ADFF2FRGB
rgb(173, 255, 47)HSL
hsl(84, 100%, 59%)HSV
hsv(84, 82%, 100%)CMYK
cmyk(32%, 0%, 82%, 0%)HEXA
#ADFF2FFFRGBA
rgba(173, 255, 47, 1)HSLA
hsla(84, 100%, 59%, 1)OKLCH
oklch(94.4%, 0.169, 123)LCH
lch(94.9%, 69, 126)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#FFEA2E复制
#ADFF2F复制
#43FF2E三色系3个间隔120°的色相
复制
#ADFF2F复制
#2EABFF复制
#FF2EAB分裂互补色主色 + 互补色两侧的颜色
复制
#ADFF2F复制
#2E43FF复制
#EA2EFF互补色2个间隔180°的色相
复制
#ADFF2F复制
#822EFF矩形双互补色4个形成矩形的色相
复制
#ADFF2F复制
#2EFFEA复制
#822EFF复制
#FF2E43单色系单一色相,变化饱和度和亮度
复制
#3A6100复制
#77C700复制
#ADFF2F复制
#D4FF94复制
#FDFFFA♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
维C精华
高浓度VC精华的瓶子颜色,既能避光保护成分活性,又视觉关联了柠檬提取的新鲜与强力抗氧。
竞速自行车
环法自行车赛领骑衫之外的靓色车架,在公路旁的绿色植被背景下依旧能脱颖而出,保障骑行安全。
波普艺术
安迪·沃霍尔风格的丝网版画,用绿黄色来印刷名人头像,产生一种怪诞又时尚的化学洗印效果。
柠檬茶饮
暴打柠檬茶的杯套配色,利用高饱和度色彩暗示茶底的浓度和柠檬的鲜切,激发夏日购买欲。
📜 起源与历史
绿黄色作为光谱上最难被准确定义的颜色之一,长期徘徊在黄与绿的边界,直到现代光学和色彩标准将其精确确定。
在1960年代的迷幻摇滚演出海报中,设计师故意使用绿黄这种刺眼的撞色来模拟迷幻药状态下的感官扭曲和视觉残留。
1990年代,运动饮料品牌如佳得乐推出了绿黄色口味的能量补给饮品,从此这种颜色与电解质补充、运动后恢复建立了商业关联。
现代时尚圈看中了绿黄色那带有尖锐酸味的视觉特性,将它作为打破黑白灰沉闷搭配的'酸剂'使用于配饰和细节。
🧠 色彩心理学
尖锐酸涩像切开一颗还未完全成熟的柠檬,这种颜色穿透力极强,能刺破沉闷,带来一种过瘾的感官刺痛。
能量补充与运动饮料和维生素C片剂相关的色彩,它向大脑传递的是快速充电、电解质平衡的信号。
突破边界站在绿色和黄色的分界线上,绿黄色代表了模糊边界、交叉学科和不愿被归类的无边界思维。
青涩不熟带着半生不熟的不确定性,它有一种未完成的、仍在生长变化的动态潜力,比成熟的颜色更具可能性。
活泼鬼马非常规的刁钻色相,体现了幽默感和玩世不恭的娱乐精神,像喜剧电影里的滑稽配角。
警示劝诱比黄色更添一分诡异的毒性感,让人警惕,却又忍不住被这种危险的视觉信号吸引靠近。