黒、赤、オレンジと青の円錐グラデーション
黒、赤、オレンジと青のパレット（34色）。 #000001, #000000, #240400, #aa0c03, #ea873f, #c2d7a7, #5ddde9, #0099bd。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
34色、編集できる OKLCH キーフレーム7個。
- #000001
- #000001
- #000000
- #000000
- #000000
- #000000
- #000000
- #020000
- #0e0100
- #240400
- #3f0400
- #5a0200
- #730300
- #8f0400
- #aa0c03
- #c41c02
- #d83300
- #e64d00
- #ec6a1b
- #ea873f
- #e3a061
- #dbb47f
- #d5c294
- #cfcd9e
- #c2d7a7
- #aae0b5
- #8ce5ca
- #6fe4de
- #5ddde9
- #4cd1e8
- #36c1e0
- #16b1d4
- #00a3c6
- #0099bd
CSS
background: conic-gradient(from 180deg in oklch, oklch(3.54% 0.0220 270.70) 0.0%, oklch(2.81% 0.0163 286.15) 3.0%, oklch(1.34% 0.0069 307.27) 6.1%, oklch(0.05% 0.0002 344.74) 9.1%, oklch(0.00% 0.0000 0.00) 12.1%, oklch(0.00% 0.0000 0.00) 15.2%, oklch(1.45% 0.0056 31.15) 18.2%, oklch(5.68% 0.0225 30.36) 21.2%, oklch(11.14% 0.0366 37.80) 24.2%, oklch(17.32% 0.0593 36.03) 27.3%, oklch(23.65% 0.0898 31.92) 30.3%, oklch(29.53% 0.1187 29.94) 33.3%, oklch(35.16% 0.1420 29.78) 36.4%, oklch(40.99% 0.1661 29.58) 39.4%, oklch(46.82% 0.1868 29.79) 42.4%, oklch(52.48% 0.2023 31.11) 45.5%, oklch(57.78% 0.2073 34.10) 48.5%, oklch(62.62% 0.1997 39.22) 51.5%, oklch(67.32% 0.1804 45.73) 54.5%, oklch(71.78% 0.1478 53.65) 57.6%, oklch(75.82% 0.1126 63.22) 60.6%, oklch(79.25% 0.0824 74.67) 63.6%, oklch(81.89% 0.0648 88.24) 66.7%, oklch(83.81% 0.0619 105.84) 69.7%, oklch(85.15% 0.0686 127.52) 72.7%, oklch(85.84% 0.0808 150.70) 75.8%, oklch(85.80% 0.0947 172.77) 78.8%, oklch(84.98% 0.1064 191.15) 81.8%, oklch(83.15% 0.1130 203.66) 84.8%, oklch(79.67% 0.1176 211.60) 87.9%, oklch(75.16% 0.1213 216.34) 90.9%, oklch(70.41% 0.1241 219.00) 93.9%, oklch(66.23% 0.1212 220.67) 97.0%, oklch(63.39% 0.1175 222.45) 100.0%);