Xanh lá nhạt, xanh lá và đen (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #b9dfbc, #63ea74, #21ab45, #165b2f, #08110c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

4 keyframe OKLCH chỉnh sửa được.

#b9dfbc
#b4e0b7
#ade1b1
#a4e4a9
#99e6a0
#8ee896
#81ea8b
#72ea80
#63ea74
#54e869
#46e460
#39de59
#2fd653
#28cd4e
#23c24a
#21b748
#21ab45
#229f43
#229340
#21873d
#207c3a
#1d7137
#1a6633
#165b2f
#134f2a
#114325
#0f3820
#0d2e1b
#0c2516
#0a1c12
#09160e
#08110c

CSS

background: linear-gradient(180deg in oklch, oklch(86.61% 0.0620 146.95) 0.0%, oklch(86.36% 0.0721 146.87) 3.2%, oklch(86.16% 0.0863 146.75) 6.5%, oklch(85.98% 0.1037 146.60) 9.7%, oklch(85.75% 0.1230 146.43) 12.9%, oklch(85.45% 0.1431 146.25) 16.1%, oklch(85.00% 0.1630 146.09) 19.4%, oklch(84.38% 0.1815 145.96) 22.6%, oklch(83.51% 0.1976 145.87) 25.8%, oklch(82.37% 0.2100 145.83) 29.0%, oklch(80.89% 0.2178 145.87) 32.3%, oklch(79.03% 0.2201 145.97) 35.5%, oklch(76.77% 0.2182 146.10) 38.7%, oklch(74.18% 0.2127 146.26) 41.9%, oklch(71.32% 0.2044 146.45) 45.2%, oklch(68.24% 0.1939 146.69) 48.4%, oklch(65.00% 0.1818 146.97) 51.6%, oklch(61.67% 0.1688 147.30) 54.8%, oklch(58.30% 0.1556 147.69) 58.1%, oklch(54.96% 0.1427 148.15) 61.3%, oklch(51.70% 0.1310 148.67) 64.5%, oklch(48.56% 0.1207 149.28) 67.7%, oklch(45.21% 0.1101 150.05) 71.0%, oklch(41.65% 0.0987 150.97) 74.2%, oklch(37.95% 0.0869 152.00) 77.4%, oklch(34.22% 0.0749 153.09) 80.6%, oklch(30.55% 0.0631 154.21) 83.9%, oklch(27.04% 0.0518 155.30) 87.1%, oklch(23.79% 0.0413 156.32) 90.3%, oklch(20.89% 0.0319 157.24) 93.5%, oklch(18.44% 0.0240 158.01) 96.8%, oklch(16.54% 0.0179 158.58) 100.0%);

Trong các bộ sưu tập này

Gradient xanh lá

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động