Xanh dương, xanh chanh và vàng tông neon (gradient hình nón)

Bảng màu Xanh dương, xanh chanh và vàng tông neon

Gradient hình nón, 32 màu, góc 180°: #003b8b, #2c6a84, #6dc437, #aaff52, #deff40. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#003b8b
#003c92
#093d97
#134199
#16479a
#105099
#115992
#1d628a
#2c6a84
#337382
#307d81
#2d897a
#39946d
#4f9e5c
#61a94e
#6ab642
#6dc437
#6dd22e
#73de1f
#7ce810
#85f20a
#8efa0e
#9bff2f
#aaff52
#b0ff4e
#b2ff31
#b6fe09
#befe09
#c7fe07
#d0ff05
#d9ff2f
#deff40

CSS

background: conic-gradient(from 180deg in oklch, oklch(37.41% 0.1436 258.80) 0.0%, oklch(38.14% 0.1524 259.61) 3.2%, oklch(39.15% 0.1568 261.05) 6.5%, oklch(40.40% 0.1528 261.80) 9.7%, oklch(41.85% 0.1460 260.38) 12.9%, oklch(43.47% 0.1342 255.68) 16.1%, oklch(45.30% 0.1145 248.46) 19.4%, oklch(47.33% 0.0927 239.16) 22.6%, oklch(49.54% 0.0753 228.13) 25.8%, oklch(51.93% 0.0688 215.63) 29.0%, oklch(54.51% 0.0745 199.38) 32.3%, oklch(57.28% 0.0882 180.40) 35.5%, oklch(60.21% 0.1064 162.03) 38.7%, oklch(63.28% 0.1257 147.57) 41.9%, oklch(66.54% 0.1451 139.54) 45.2%, oklch(70.12% 0.1684 136.42) 48.4%, oklch(73.77% 0.1926 136.10) 51.6%, oklch(77.27% 0.2141 136.53) 54.8%, oklch(80.38% 0.2298 135.82) 58.1%, oklch(83.34% 0.2403 134.95) 61.3%, oklch(86.11% 0.2473 134.42) 64.5%, oklch(88.51% 0.2514 133.91) 67.7%, oklch(90.34% 0.2426 133.14) 71.0%, oklch(91.37% 0.2169 131.98) 74.2%, oklch(91.66% 0.2167 130.61) 77.4%, oklch(91.59% 0.2304 129.11) 80.6%, oklch(91.57% 0.2367 127.55) 83.9%, oklch(91.95% 0.2327 125.95) 87.1%, oklch(92.60% 0.2293 124.09) 90.3%, oklch(93.34% 0.2262 122.16) 93.5%, oklch(94.02% 0.2139 120.45) 96.8%, oklch(94.49% 0.2043 119.26) 100.0%);

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

Gradient xanh lá Gradient xanh dương và xanh lá

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