绿色色号(38 种绿色)
祖母绿、森林绿、橄榄绿、薄荷绿、鼠尾草绿、凯利绿、猎人绿、翡翠绿等 38 种绿色的 HEX、RGB、HSL 和 CMYK 代码,以及浅色、深色版本和互补色。
绿色的范围从霓虹绿、青柠绿,到祖母绿、翡翠绿,再到近乎黑色的英国赛车绿。本页列出了 38 种有名称的绿色——20 种 CSS 绿色名称(如 forestgreen、seagreen),以及祖母绿、翡翠绿、魔幻薄荷绿、鼠尾草绿、凯利绿、猎人绿、蕨绿、苔藓绿等——并给出 HEX、RGB、HSL、HSV、CMYK 和 OKLCH 代码、浅色与深色版本,以及每种颜色的互补色。
使用方法
- 选择一种绿色。
- 复制所需格式的代码;CSS 名称可以直接使用。
- 浅色与深色版本可用于悬停状态、边框和背景。
- 在表格中比较所有绿色,或下载色卡图。
计算公式
浅色 = c + (255 − c) × p · 深色 = c × (1 − p) · 互补色 = HSL 色相 + 180°
c 是 RGB 各通道,p 是混合量(15–75%)。CSS 之外的名称没有官方定义,所以代码采用常见的参考值。
示例
祖母绿是 #50C878 = rgb(80, 200, 120) = hsl(140, 52.2%, 54.9%)。把色相旋转 180°,得到互补色兰花粉 #C850A0。请注意 CSS 的怪癖:green 只是 #008000,而屏幕上的纯绿 #00FF00 叫作 lime。
常见问题
为什么 CSS 的“green”这么暗?
上世纪 90 年代的 HTML 3.2 把 green 定义为 #008000,CSS 沿用了下来;满强度的 #00FF00 则得名 lime。darkgreen 是 #006400。
祖母绿和翡翠绿有什么区别?
祖母绿(#50C878)更浅、略偏黄绿;翡翠绿(#00A86B)更深、偏蓝,得名于硬玉。
哪些绿色上的文字容易读?
茶绿(#D0F0C0)或淡绿这样的浅绿色适合配黑字,猎人绿(#355E3B)或英国赛车绿这样的深绿色适合配白字。每种颜色都会显示哪种文字颜色更易读。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/green-color-code/
引用此工具
kakaoCalc. (2026, November 8). 绿色色号(38 种绿色). https://kakao.mobile/zh/tools/green-color-code/
“绿色色号(38 种绿色).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/green-color-code/.