标准绿
HTML标准纯绿,浓正醒目数字时代的基础绿色
HEX
#008000RGB
rgb(0, 128, 0)HSL
hsl(120, 100%, 25%)HSV
hsv(120, 100%, 50%)CMYK
cmyk(100%, 0%, 100%, 50%)HEXA
#008000FFRGBA
rgba(0, 128, 0, 1)HSLA
hsla(120, 100%, 25%, 1)OKLCH
oklch(68.9%, 0.234, 142)LCH
lch(66.4%, 97.3, 139)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#408000复制
#008000复制
#008040三色系3个间隔120°的色相
复制
#008000复制
#000080复制
#800000分裂互补色主色 + 互补色两侧的颜色
复制
#008000复制
#400080复制
#800040互补色2个间隔180°的色相
复制
#008000复制
#80007F矩形双互补色4个形成矩形的色相
复制
#008000复制
#004080复制
#80007F复制
#804000单色系单一色相,变化饱和度和亮度
复制
#000000复制
#001A00复制
#008000复制
#00E600复制
#4DFF4D♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
界面确认
移动应用中的成功操作提示、对勾图标,告知用户任务已完成,建立正向的交互反馈。
电量指示
电子设备的电池图标在电量充足时显示为绿色,直观且无需文字地传递'准备就绪'的信息。
交通灯号
全球通用的绿灯信号,保证交通系统的高效运转,是城市秩序中最重要的视觉指令。
数据报表
在股票交易和财务报表中,绿色数字代表上涨和盈利,直接影响投资者的决策心态。
📜 起源与历史
标准绿作为RGB三原色之一,是数字成像技术的基石,自彩色电视和电脑显示器发明以来便承担着构建虚拟世界的重任。
在早期的8位色彩系统中,绿色占据了6位,而红蓝各占3位,因为人眼对绿色的变化最为敏感,显示了它在数字视觉中的核心地位。
HTML标准绿在1990年代被万维网联盟确立为16种基本网页安全色之一,代号#008000,是数字设计师调色盘中最本源的绿色。
标准绿也是交通信号灯和安全出口标志的基准色,其醒目的特性跨越了数字与现实的界限,成为现代社会不可或缺的视觉语言。
🧠 色彩心理学
安全通行经过国际标准化的绿色信号,根植于每个人的潜意识,意味着前方的道路畅通无阻,可以放心行动。
正确无误从学校的红叉绿勾到商业报表的盈利绿色,标准绿代表着被验证过的正确结果和积极反馈。
基础稳固作为三原色之一,它在色彩世界里扮演地基的角色,给人以扎实、可靠、不可动摇的心理支撑。
清晰醒目处于人眼最敏感的波长范围,标准绿能在复杂环境中瞬间被捕捉,具有最高的视觉传达效率。
环保生态在现代语境下,这种纯正的绿色已被符号化为地球家园的代言色,承载着可持续发展的崇高使命。
可预测性没有偏色或杂色的标准绿,代表着一种确定性和可预测性,消除了模棱两可带来的不安。