ZH
我的工具

绿色色号(38 种绿色)

祖母绿、森林绿、橄榄绿、薄荷绿、鼠尾草绿、凯利绿、猎人绿、翡翠绿等 38 种绿色的 HEX、RGB、HSL 和 CMYK 代码,以及浅色、深色版本和互补色。

我的工具 →
广告

绿色的范围从霓虹绿、青柠绿,到祖母绿、翡翠绿,再到近乎黑色的英国赛车绿。本页列出了 38 种有名称的绿色——20 种 CSS 绿色名称(如 forestgreen、seagreen),以及祖母绿、翡翠绿、魔幻薄荷绿、鼠尾草绿、凯利绿、猎人绿、蕨绿、苔藓绿等——并给出 HEX、RGB、HSL、HSV、CMYK 和 OKLCH 代码、浅色与深色版本,以及每种颜色的互补色。

使用方法

  1. 选择一种绿色。
  2. 复制所需格式的代码;CSS 名称可以直接使用。
  3. 浅色与深色版本可用于悬停状态、边框和背景。
  4. 在表格中比较所有绿色,或下载色卡图。

计算公式

浅色 = 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)或英国赛车绿这样的深绿色适合配白字。每种颜色都会显示哪种文字颜色更易读。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). 绿色色号(38 种绿色). https://kakao.mobile/zh/tools/green-color-code/

MLA

“绿色色号(38 种绿色).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/green-color-code/.

广告