Xanh lá, đen, tím đậm và đỏ nâu (gradient tuyến tính)

Bảng màu Xanh lá, đen, tím đậm và đỏ nâu

Gradient tuyến tính, 32 màu, góc 90°: #5e873e, #335026, #35241e, #561937, #9b3146. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5e873e
#5a823c
#537b39
#4c7335
#466b32
#40642f
#3b5d2c
#365629
#335026
#314923
#304222
#303c23
#2f3623
#2f3122
#302d1f
#32281d
#35241e
#372123
#391f28
#3c1d2c
#421c2f
#491a31
#501934
#561937
#5e1b3b
#651d3e
#6e1f41
#762244
#802646
#8b2a46
#952e47
#9b3146

CSS

background: linear-gradient(90deg in oklch, oklch(57.48% 0.1116 132.89) 0.0%, oklch(55.92% 0.1089 133.48) 3.2%, oklch(53.70% 0.1051 134.34) 6.5%, oklch(51.16% 0.1006 135.24) 9.7%, oklch(48.63% 0.0958 135.91) 12.9%, oklch(46.35% 0.0910 136.30) 16.1%, oklch(44.05% 0.0862 136.94) 19.4%, oklch(41.76% 0.0810 137.31) 22.6%, oklch(39.55% 0.0750 136.74) 25.8%, oklch(37.52% 0.0677 134.61) 29.0%, oklch(35.58% 0.0574 132.50) 32.3%, oklch(33.74% 0.0452 129.91) 35.5%, oklch(32.07% 0.0338 124.71) 38.7%, oklch(30.66% 0.0260 114.73) 41.9%, oklch(29.53% 0.0235 96.71) 45.2%, oklch(28.62% 0.0248 69.67) 48.4%, oklch(27.95% 0.0289 39.82) 51.6%, oklch(27.59% 0.0349 13.64) 54.8%, oklch(27.60% 0.0422 357.40) 58.1%, oklch(28.01% 0.0525 350.78) 61.3%, oklch(28.75% 0.0648 349.97) 64.5%, oklch(29.75% 0.0774 351.88) 67.7%, oklch(30.93% 0.0883 353.39) 71.0%, oklch(32.28% 0.0966 353.50) 74.2%, oklch(33.88% 0.1035 354.29) 77.4%, oklch(35.65% 0.1096 355.67) 80.6%, oklch(37.51% 0.1153 357.50) 83.9%, oklch(39.44% 0.1210 359.74) 87.1%, oklch(41.71% 0.1269 2.97) 90.3%, oklch(44.08% 0.1325 6.68) 93.5%, oklch(46.17% 0.1372 10.08) 96.8%, oklch(47.64% 0.1406 12.42) 100.0%);

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

Bụi mâm xôi đen

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