跳到取色器
Pick
Shade
全部工具
取色器
配色
图片取色
颜色
转换
对比度
渐变
Tailwind
搜索
Ctrl K
简体中文
全部工具
取色器
配色
图片取色
颜色
转换
对比度
渐变
Tailwind
所有 Tailwind 颜色
Tailwind green 调色板
Tailwind CSS v4.3.3 中 green 的全部 11 个色阶,附 OKLCH、HEX、RGB 值和文字对比度。
复制 @theme 代码块
色阶
类名
OKLCH
HEX
RGB
白色文字
黑色文字
50
green-50
oklch(98.2% 0.018 155.826)
#f0fdf4
rgb(240 253 244)
1.05
20.07
100
green-100
oklch(96.2% 0.044 156.743)
#dcfce7
rgb(220 252 231)
1.1
19.1
200
green-200
oklch(92.5% 0.084 155.995)
#b9f8cf
rgb(185 248 207)
1.21
17.35
300
green-300
oklch(87.1% 0.15 154.449)
#7bf1a8
rgb(123 241 168)
1.4
15.02
400
green-400
oklch(79.2% 0.209 151.711)
#05df72
rgb(5 223 114)
1.78
11.83
500
green-500
oklch(72.3% 0.219 149.579)
#00c950
rgb(0 201 80)
2.22
9.45
600
green-600
oklch(62.7% 0.194 149.214)
#00a63e
rgb(0 166 62)
3.22
6.53
700
green-700
oklch(52.7% 0.154 150.069)
#008236
rgb(0 130 54)
4.94
4.25
800
green-800
oklch(44.8% 0.119 151.328)
#016630
rgb(1 102 48)
7.09
2.96
900
green-900
oklch(39.3% 0.095 152.535)
#0d542b
rgb(13 84 43)
9.07
2.32
950
green-950
oklch(26.6% 0.065 152.934)
#032e15
rgb(3 46 21)
14.91
1.41