黒、赤、黄色と緑の線形グラデーション
線形グラデーション、32色、角度20°：#000000, #ba002f, #ffc175, #e0ff97, #04f5b9。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #000000
- #010000
- #090002
- #1d0007
- #360012
- #54001d
- #750026
- #98002d
- #ba002f
- #dc0027
- #f71410
- #ff4819
- #ff6d32
- #ff8846
- #ff9e57
- #ffb167
- #ffc175
- #ffcf80
- #ffdb87
- #ffe586
- #ffef6f
- #fbf91b
- #ecff5c
- #e0ff97
- #d2ffa2
- #c0ffa3
- #a9ffa2
- #89ffa1
- #64fea4
- #4afbac
- #2ff7b3
- #04f5b9
CSS
background: linear-gradient(20deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(3.79% 0.0153 2.06) 3.2%, oklch(8.88% 0.0357 4.40) 6.5%, oklch(14.82% 0.0595 5.89) 9.7%, oklch(21.44% 0.0859 7.75) 12.9%, oklch(28.54% 0.1141 10.20) 16.1%, oklch(35.84% 0.1432 13.07) 19.4%, oklch(43.08% 0.1723 16.35) 22.6%, oklch(49.99% 0.2008 20.07) 25.8%, oklch(56.32% 0.2279 24.26) 29.0%, oklch(61.79% 0.2471 28.96) 32.3%, oklch(66.39% 0.2252 34.30) 35.5%, oklch(70.71% 0.1915 40.51) 38.7%, oklch(74.77% 0.1648 47.45) 41.9%, oklch(78.55% 0.1441 54.94) 45.2%, oklch(82.02% 0.1286 62.81) 48.4%, oklch(85.17% 0.1178 70.91) 51.6%, oklch(87.97% 0.1116 79.06) 54.8%, oklch(90.39% 0.1110 87.11) 58.1%, oklch(92.43% 0.1195 94.87) 61.3%, oklch(94.04% 0.1486 102.19) 64.5%, oklch(95.20% 0.2027 108.94) 67.7%, oklch(95.66% 0.1828 115.71) 71.0%, oklch(95.47% 0.1343 122.59) 74.2%, oklch(94.75% 0.1273 129.46) 77.4%, oklch(93.64% 0.1348 136.19) 80.6%, oklch(92.28% 0.1493 142.66) 83.9%, oklch(90.78% 0.1675 148.76) 87.1%, oklch(89.30% 0.1818 154.36) 90.3%, oklch(87.96% 0.1797 159.34) 93.5%, oklch(86.89% 0.1779 163.58) 96.8%, oklch(86.22% 0.1764 166.97) 100.0%);