Đen, xanh lá và xanh lá nhạt (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #03120f, #124b2d, #47b546, #b4ee55, #f1ffb4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#03120f
#031512
#041a15
#042019
#06271d
#082f21
#0b3725
#0f4129
#124b2d
#155631
#176336
#19713a
#1d803d
#238f41
#2c9d43
#38aa45
#47b546
#57c046
#68c946
#78d246
#89db48
#98e24a
#a7e94e
#b4ee55
#c0f35e
#cbf66a
#d5f978
#ddfb86
#e4fc94
#eafda0
#eefeaa
#f1ffb4

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(16.54% 0.0234 180.00) 0.0%, oklch(17.99% 0.0271 178.06) 3.2%, oklch(19.85% 0.0317 175.39) 6.5%, oklch(22.06% 0.0370 172.21) 9.7%, oklch(24.57% 0.0433 168.72) 12.9%, oklch(27.33% 0.0504 165.16) 16.1%, oklch(30.29% 0.0583 161.74) 19.4%, oklch(33.41% 0.0672 158.68) 22.6%, oklch(36.66% 0.0770 156.18) 25.8%, oklch(40.28% 0.0891 154.15) 29.0%, oklch(44.28% 0.1033 152.42) 32.3%, oklch(48.52% 0.1188 150.90) 35.5%, oklch(52.86% 0.1344 149.49) 38.7%, oklch(57.18% 0.1494 148.10) 41.9%, oklch(61.33% 0.1628 146.63) 45.2%, oklch(65.17% 0.1736 144.99) 48.4%, oklch(68.62% 0.1813 143.09) 51.6%, oklch(71.91% 0.1872 140.97) 54.8%, oklch(75.07% 0.1917 138.71) 58.1%, oklch(78.08% 0.1946 136.37) 61.3%, oklch(80.90% 0.1960 134.02) 64.5%, oklch(83.53% 0.1957 131.73) 67.7%, oklch(85.93% 0.1937 129.58) 71.0%, oklch(88.09% 0.1900 127.61) 74.2%, oklch(89.97% 0.1837 125.84) 77.4%, oklch(91.59% 0.1736 124.14) 80.6%, oklch(92.97% 0.1608 122.52) 83.9%, oklch(94.13% 0.1465 121.00) 87.1%, oklch(95.12% 0.1320 119.63) 90.3%, oklch(95.95% 0.1185 118.41) 93.5%, oklch(96.64% 0.1071 117.40) 96.8%, oklch(97.24% 0.0963 116.59) 100.0%);

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

Gradient cực quang

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