Xanh lá, xanh hải quân và đen (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 135°: #58c122, #1b593e, #08212a, #060c2a, #040209. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#58c122
#51bb2b
#4ab232
#42a738
#3b9c3c
#348f3f
#2e8340
#287740
#236b40
#1f613f
#1b593e
#17513d
#134a3b
#10433a
#0e3d38
#0d3836
#0c3233
#0b2d31
#0a292e
#0a252c
#08212a
#071e28
#051c28
#031a28
#021829
#02152a
#02132b
#03112b
#050f2b
#060c2a
#070a27
#070824
#080620
#08051c
#070418
#060314
#060310
#05030d
#04020b
#040209

CSS

background: linear-gradient(135deg in oklch, oklch(72.05% 0.2094 137.81) 0.0%, oklch(70.16% 0.2011 138.99) 2.6%, oklch(67.65% 0.1899 140.29) 5.1%, oklch(64.66% 0.1764 141.76) 7.7%, oklch(61.32% 0.1614 143.45) 10.3%, oklch(57.77% 0.1455 145.41) 12.8%, oklch(54.14% 0.1295 147.69) 15.4%, oklch(50.56% 0.1140 150.35) 17.9%, oklch(47.18% 0.0998 153.43) 20.5%, oklch(44.12% 0.0875 156.99) 23.1%, oklch(41.51% 0.0777 161.09) 25.6%, oklch(39.15% 0.0695 165.95) 28.2%, oklch(36.91% 0.0622 171.52) 30.8%, oklch(34.81% 0.0559 177.66) 33.3%, oklch(32.82% 0.0504 184.19) 35.9%, oklch(30.96% 0.0458 190.96) 38.5%, oklch(29.22% 0.0420 197.82) 41.0%, oklch(27.59% 0.0390 204.61) 43.6%, oklch(26.08% 0.0367 211.17) 46.2%, oklch(24.68% 0.0350 217.35) 48.7%, oklch(23.40% 0.0342 223.06) 51.3%, oklch(22.32% 0.0352 228.66) 53.8%, oklch(21.42% 0.0376 234.21) 56.4%, oklch(20.66% 0.0411 239.68) 59.0%, oklch(20.01% 0.0453 245.02) 61.5%, oklch(19.43% 0.0497 250.22) 64.1%, oklch(18.88% 0.0538 255.23) 66.7%, oklch(18.34% 0.0574 260.03) 69.2%, oklch(17.76% 0.0598 264.59) 71.8%, oklch(17.11% 0.0607 268.88) 74.4%, oklch(16.36% 0.0598 272.92) 76.9%, oklch(15.56% 0.0575 276.82) 79.5%, oklch(14.73% 0.0540 280.56) 82.1%, oklch(13.88% 0.0497 284.10) 84.6%, oklch(13.05% 0.0450 287.41) 87.2%, oklch(12.24% 0.0400 290.46) 89.7%, oklch(11.50% 0.0352 293.23) 92.3%, oklch(10.84% 0.0309 295.68) 94.9%, oklch(10.28% 0.0273 297.78) 97.4%, oklch(9.84% 0.0248 299.50) 100.0%);

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

Gradient Halloween

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