草绿色
夏日丰茂草地的鲜亮色彩,充满自然野趣与生命力
HEX
#7CFC00RGB
rgb(124, 252, 0)HSL
hsl(90, 100%, 49%)HSV
hsv(90, 100%, 99%)CMYK
cmyk(51%, 0%, 100%, 1%)HEXA
#7CFC00FFRGBA
rgba(124, 252, 0, 1)HSLA
hsla(90, 100%, 49%, 1)OKLCH
oklch(91.6%, 0.236, 127)LCH
lch(92.1%, 102.2, 123)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#FAFA00复制
#7CFC00复制
#00FA00三色系3个间隔120°的色相
复制
#7CFC00复制
#007DFA复制
#FA007D分裂互补色主色 + 互补色两侧的颜色
复制
#7CFC00复制
#0000FA复制
#FA00FA互补色2个间隔180°的色相
复制
#7CFC00复制
#7D00FA矩形双互补色4个形成矩形的色相
复制
#7CFC00复制
#00FAFA复制
#7D00FA复制
#FA0000单色系单一色相,变化饱和度和亮度
复制
#172E00复制
#4A9400复制
#7CFC00复制
#B0FF61复制
#E3FFC7♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
运动草坪
足球场或橄榄球场的人工草皮颜色标准,激发运动员的竞技状态和观众的观赛热情。
春夏裙装
茶歇裙或吊带长裙使用此色,搭配小碎花图案,轻松打造充满法式田园风情的浪漫造型。
植物护肤
主打天然草本概念的护肤品,如青瓜面膜,瓶身采用草绿色强调其清爽补水的即时效果。
阳台庭院
园艺工具或花盆的活力配色,与真实植物形成同色系呼应,丰富私家花园的视觉层次。
📜 起源与历史
草绿色是人类最早认知的颜色之一,在农业文明中,茂盛的青草意味着水源充足和牲畜的繁衍,是生存与繁荣的象征。
19世纪末印象派画家们走出画室,在户外直接捕捉阳光下的草地,草绿色在他们的调色板上被分解为无数跳跃的色块。
20世纪中期,随着草坪文化的兴起,特别是在郊区住宅普及后,完美修剪的翠绿草坪成为中产阶级生活的重要标志。
现代设计中的草绿色吸收了波普艺术的大胆,也保留了自然的本真,成为连接城市快节奏与田园慢生活的色彩纽带。
🧠 色彩心理学
自然野性未经修剪的自由生长姿态,草绿色散发着青草汁液的野蛮气息,唤醒人类基因里的原始本能。
阳光向上如同被盛夏烈日穿透的叶绿素,它充满向阳而生的正能量,驱散心中的阴冷和犹豫。
活泼跃动草绿色非常动感,色相上的轻微偏黄让它看起来像在跳跃,赋予设计一种俏皮的节奏感。
慷慨无私如同广阔的草地无私地供养万物,这种色彩传递出开放、分享和乐于奉献的精神品质。
凉爽宜人尽管充满活力,草地的绿色依然能提供视觉上的降温效果,在炎炎夏日带来一丝舒爽。
归属群体草地是聚会和野餐的场所,草绿色因此带有社会属性,鼓励人们走出孤独,融入社群。