Xanh dương nhạt, tím, hồng và đỏ tông neon (gradient tuyến tính)

Bảng màu Xanh dương nhạt, tím, hồng và đỏ tông neon

Gradient tuyến tính, 32 màu, góc 90°: #51c5fd, #8e6dfc, #e52fc4, #fe2c80, #ff6142. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#51c5fd
#50beff
#54b5ff
#5ba9ff
#639cff
#6d8fff
#7883ff
#8278fe
#8e6dfc
#9963f9
#a459f5
#af50ef
#ba47e8
#c43fdf
#d038d6
#db33cd
#e52fc4
#ef2bba
#f629b0
#fc27a5
#fe269b
#ff2791
#ff2988
#fe2c80
#fe3078
#fe356f
#ff3c66
#ff455d
#ff4f55
#ff574d
#ff5d47
#ff6142

CSS

background: linear-gradient(90deg in oklch, oklch(77.95% 0.1309 233.44) 0.0%, oklch(76.58% 0.1361 238.13) 3.2%, oklch(74.61% 0.1406 244.65) 6.5%, oklch(72.31% 0.1478 252.37) 9.7%, oklch(69.93% 0.1576 260.66) 12.9%, oklch(67.75% 0.1695 268.89) 16.1%, oklch(66.02% 0.1821 276.45) 19.4%, oklch(64.81% 0.1935 283.17) 22.6%, oklch(63.86% 0.2036 289.75) 25.8%, oklch(63.14% 0.2138 296.19) 29.0%, oklch(62.63% 0.2236 302.49) 32.3%, oklch(62.33% 0.2325 308.63) 35.5%, oklch(62.21% 0.2400 314.59) 38.7%, oklch(62.31% 0.2458 320.40) 41.9%, oklch(62.80% 0.2503 326.14) 45.2%, oklch(63.55% 0.2538 331.75) 48.4%, oklch(64.41% 0.2562 337.16) 51.6%, oklch(65.25% 0.2575 342.28) 54.8%, oklch(65.90% 0.2579 347.04) 58.1%, oklch(66.23% 0.2573 351.33) 61.3%, oklch(66.27% 0.2552 355.01) 64.5%, oklch(66.12% 0.2518 358.23) 67.7%, oklch(65.90% 0.2477 1.18) 71.0%, oklch(65.70% 0.2430 4.08) 74.2%, oklch(65.64% 0.2381 7.10) 77.4%, oklch(65.80% 0.2333 10.47) 80.6%, oklch(66.24% 0.2278 14.41) 83.9%, oklch(66.86% 0.2200 18.72) 87.1%, oklch(67.57% 0.2123 23.06) 90.3%, oklch(68.27% 0.2060 27.12) 93.5%, oklch(68.88% 0.2013 30.54) 96.8%, oklch(69.29% 0.1987 33.01) 100.0%);

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

Gradient neon

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