Cam và xanh lá (hai tông) tông neon (gradient tuyến tính)

Bảng màu Cam và xanh lá (hai tông) tông neon

Gradient tuyến tính, 32 màu, góc 45°: #fe4d39, #d3b900, #3bf96c, #cdb100, #fd0915. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fe4d39
#ff5529
#ff5f04
#f77200
#f08300
#ea9100
#e39f00
#dcac00
#d3b900
#c8c600
#b8d300
#a1e000
#84eb2d
#6af251
#50f764
#3df96d
#3bf96c
#4cf55f
#65f046
#80e800
#a0da00
#b5cc00
#c3bf00
#cdb100
#d4a300
#d99500
#de8700
#e37800
#e96700
#f05200
#f93400
#fd0915

CSS

background: linear-gradient(45deg in oklch, oklch(66.93% 0.2163 30.23) 0.0%, oklch(67.71% 0.2136 34.95) 3.2%, oklch(68.78% 0.2091 41.35) 6.5%, oklch(70.10% 0.1877 49.11) 9.7%, oklch(71.60% 0.1714 58.01) 12.9%, oklch(73.24% 0.1610 67.72) 16.1%, oklch(74.97% 0.1563 77.97) 19.4%, oklch(76.73% 0.1568 88.47) 22.6%, oklch(78.49% 0.1626 98.94) 25.8%, oklch(80.18% 0.1740 109.09) 29.0%, oklch(81.76% 0.1915 118.63) 32.3%, oklch(83.18% 0.2154 127.28) 35.5%, oklch(84.39% 0.2310 134.75) 38.7%, oklch(85.33% 0.2324 140.76) 41.9%, oklch(85.97% 0.2337 145.03) 45.2%, oklch(86.24% 0.2350 147.27) 48.4%, oklch(86.09% 0.2362 147.20) 51.6%, oklch(85.53% 0.2375 144.82) 54.8%, oklch(84.59% 0.2388 140.40) 58.1%, oklch(83.32% 0.2401 134.23) 61.3%, oklch(81.79% 0.2099 126.60) 64.5%, oklch(80.05% 0.1860 117.79) 67.7%, oklch(78.14% 0.1686 108.09) 71.0%, oklch(76.13% 0.1573 97.79) 74.2%, oklch(74.06% 0.1515 87.17) 77.4%, oklch(72.00% 0.1509 76.52) 80.6%, oklch(69.98% 0.1557 66.13) 83.9%, oklch(68.08% 0.1661 56.28) 87.1%, oklch(66.33% 0.1827 47.27) 90.3%, oklch(64.80% 0.2060 39.38) 93.5%, oklch(63.54% 0.2351 32.90) 96.8%, oklch(62.60% 0.2535 28.12) 100.0%);

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

Gradient đỏ 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