Xanh lá, vàng và đỏ tông neon (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #07a92d, #82da00, #f6e500, #ff8e06, #e91e63. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#07a92d
#1aad2c
#28b22b
#35b929
#43c125
#52c81f
#61cf17
#71d506
#82da00
#92de00
#a3e300
#b3e700
#c3eb00
#d2ed05
#e0ed0a
#ecea02
#f6e500
#fcdd00
#ffd220
#ffc62d
#ffb827
#ffaa1a
#ff9b0b
#ff8e06
#ff8114
#fd7324
#fb6431
#f9553e
#f54649
#f13754
#ed295c
#e91e63

CSS

background: linear-gradient(45deg in oklch, oklch(63.78% 0.1998 144.84) 0.0%, oklch(65.07% 0.2024 144.02) 3.2%, oklch(66.83% 0.2064 143.04) 6.5%, oklch(68.93% 0.2112 141.87) 9.7%, oklch(71.24% 0.2162 140.50) 12.9%, oklch(73.62% 0.2208 138.91) 16.1%, oklch(75.95% 0.2246 137.07) 19.4%, oklch(78.11% 0.2269 134.98) 22.6%, oklch(79.98% 0.2242 132.61) 25.8%, oklch(81.92% 0.2206 130.05) 29.0%, oklch(83.98% 0.2176 127.33) 32.3%, oklch(86.03% 0.2146 124.38) 35.5%, oklch(87.90% 0.2112 121.14) 38.7%, oklch(89.45% 0.2068 117.57) 41.9%, oklch(90.54% 0.2017 113.60) 45.2%, oklch(90.99% 0.1974 109.19) 48.4%, oklch(90.68% 0.1917 104.25) 51.6%, oklch(89.53% 0.1853 98.62) 54.8%, oklch(87.71% 0.1742 92.43) 58.1%, oklch(85.42% 0.1648 85.84) 61.3%, oklch(82.84% 0.1636 79.00) 64.5%, oklch(80.17% 0.1667 72.10) 67.7%, oklch(77.59% 0.1720 65.28) 71.0%, oklch(75.31% 0.1778 58.72) 74.2%, oklch(73.29% 0.1830 52.25) 77.4%, oklch(71.19% 0.1883 45.31) 80.6%, oklch(69.05% 0.1953 38.17) 83.9%, oklch(66.96% 0.2033 31.11) 87.1%, oklch(65.00% 0.2115 24.43) 90.3%, oklch(63.23% 0.2192 18.42) 93.5%, oklch(61.75% 0.2257 13.37) 96.8%, oklch(60.63% 0.2301 9.58) 100.0%);

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

Gradient tươi sáng Gradient nhiều màu tông sáng Gradient nhiều màu rực rỡ

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