ネオン調のデュオトーンのオレンジと緑の線形グラデーション
線形グラデーション、32色、角度45°：#fe4d39, #d3b900, #3bf96c, #cdb100, #fd0915。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム3個。
- #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%);