Cầu vồng từ xanh lá sang xám (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 135°: #ebd346, #081630, #f6bd86, #091d40, #afc1ae. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ebd346
#d9ce47
#c2c749
#a7bd4c
#89b150
#6aa354
#4a9456
#278357
#007156
#005e52
#004c4b
#003d42
#00303a
#002634
#001e31
#011931
#081630
#111732
#1c1b37
#2a213f
#3b2947
#4f3350
#653f59
#7c4d61
#935d68
#aa6d6e
#be7f73
#d09078
#de9f7d
#eaad81
#f1b784
#f6bc86
#f6bd86
#f4b884
#eeae80
#e5a17c
#d99178
#c98075
#b76f72
#a25e6f
#8b4f6c
#734267
#5c3661
#462d5a
#332552
#23204b
#151d44
#091d40
#011f3f
#00243c
#002b3e
#003344
#003e4b
#124a52
#245759
#366462
#48726c
#5a8077
#6b8e81
#7c9b8c
#8ca797
#9ab2a0
#a6bba8
#afc1ae

CSS

background: linear-gradient(135deg in oklch, oklch(86.22% 0.1557 99.14) 0.0%, oklch(83.63% 0.1519 104.78) 1.6%, oklch(80.14% 0.1468 111.54) 3.2%, oklch(75.90% 0.1407 119.32) 4.8%, oklch(71.06% 0.1339 127.99) 6.3%, oklch(65.77% 0.1263 137.45) 7.9%, oklch(60.17% 0.1184 147.58) 9.5%, oklch(54.42% 0.1101 158.25) 11.1%, oklch(48.67% 0.0970 169.36) 12.7%, oklch(43.07% 0.0777 180.80) 14.3%, oklch(37.76% 0.0648 192.45) 15.9%, oklch(32.90% 0.0561 204.22) 17.5%, oklch(28.63% 0.0509 216.00) 19.0%, oklch(25.11% 0.0488 227.66) 20.6%, oklch(22.49% 0.0507 239.08) 22.2%, oklch(20.89% 0.0570 249.75) 23.8%, oklch(20.50% 0.0547 260.28) 25.4%, oklch(21.52% 0.0538 271.59) 27.0%, oklch(23.83% 0.0542 283.97) 28.6%, oklch(27.25% 0.0555 297.18) 30.2%, oklch(31.57% 0.0578 310.95) 31.7%, oklch(36.61% 0.0608 325.01) 33.3%, oklch(42.17% 0.0644 339.11) 34.9%, oklch(48.06% 0.0684 352.98) 36.5%, oklch(54.08% 0.0727 6.36) 38.1%, oklch(60.04% 0.0770 18.98) 39.7%, oklch(65.74% 0.0813 30.60) 41.3%, oklch(70.99% 0.0853 40.93) 42.9%, oklch(75.60% 0.0890 49.73) 44.4%, oklch(79.37% 0.0921 56.73) 46.0%, oklch(82.11% 0.0945 61.66) 47.6%, oklch(83.62% 0.0961 64.27) 49.2%, oklch(83.73% 0.0967 64.28) 50.8%, oklch(82.47% 0.0967 61.58) 52.4%, oklch(80.01% 0.0964 56.43) 54.0%, oklch(76.56% 0.0957 49.13) 55.6%, oklch(72.28% 0.0946 39.97) 57.1%, oklch(67.37% 0.0932 29.24) 58.7%, oklch(62.01% 0.0916 17.25) 60.3%, oklch(56.38% 0.0898 4.29) 61.9%, oklch(50.66% 0.0878 350.64) 63.5%, oklch(45.04% 0.0856 336.62) 65.1%, oklch(39.71% 0.0834 322.51) 66.7%, oklch(34.84% 0.0811 308.60) 68.3%, oklch(30.62% 0.0788 295.20) 69.8%, oklch(27.23% 0.0765 282.61) 71.4%, oklch(24.87% 0.0743 271.10) 73.0%, oklch(23.70% 0.0722 260.99) 74.6%, oklch(23.83% 0.0701 252.03) 76.2%, oklch(25.03% 0.0609 243.33) 77.8%, oklch(27.14% 0.0571 234.42) 79.4%, oklch(30.05% 0.0572 225.60) 81.0%, oklch(33.61% 0.0598 216.86) 82.5%, oklch(37.72% 0.0569 208.40) 84.1%, oklch(42.23% 0.0541 200.19) 85.7%, oklch(47.00% 0.0512 192.25) 87.3%, oklch(51.92% 0.0483 184.64) 88.9%, oklch(56.84% 0.0456 177.40) 90.5%, oklch(61.63% 0.0429 170.59) 92.1%, oklch(66.17% 0.0405 164.25) 93.7%, oklch(70.33% 0.0382 158.44) 95.2%, oklch(73.96% 0.0362 153.19) 96.8%, oklch(76.94% 0.0345 148.55) 98.4%, oklch(79.13% 0.0331 144.58) 100.0%);

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