類似色のオレンジ、マルーンと黒の放射状グラデーション
類似色のオレンジ、マルーンと黒のパレット（32色）。 #f8c655, #ffa200, #e76e00, #cb3c00, #900033, #67002b, #330020, #0c020d。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム6個。
- #f8c655
- #f9c048
- #fcb835
- #ffad14
- #ffa200
- #fc9800
- #f98d00
- #f48300
- #ee7900
- #e76e00
- #df6400
- #d85800
- #d14b00
- #cb3c00
- #c62200
- #be0014
- #ae0026
- #9e002f
- #900033
- #840034
- #790032
- #70002f
- #67002b
- #5e0028
- #550026
- #4b0024
- #400022
- #330020
- #28001c
- #1d0018
- #130112
- #0c020d
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(85.04% 0.1406 85.08) 0.0%, oklch(83.94% 0.1472 82.37) 3.2%, oklch(82.48% 0.1566 78.59) 6.5%, oklch(80.72% 0.1677 74.12) 9.7%, oklch(78.75% 0.1713 69.34) 12.9%, oklch(76.64% 0.1724 64.66) 16.1%, oklch(74.45% 0.1738 60.45) 19.4%, oklch(72.20% 0.1748 56.92) 22.6%, oklch(69.75% 0.1753 53.77) 25.8%, oklch(67.16% 0.1756 50.80) 29.0%, oklch(64.47% 0.1760 47.84) 32.3%, oklch(61.73% 0.1774 44.69) 35.5%, oklch(58.97% 0.1808 41.16) 38.7%, oklch(56.20% 0.1880 37.03) 41.9%, oklch(53.30% 0.2012 32.15) 45.2%, oklch(50.32% 0.2050 26.90) 48.4%, oklch(47.34% 0.1906 21.55) 51.6%, oklch(44.44% 0.1778 16.52) 54.8%, oklch(41.71% 0.1667 12.19) 58.1%, oklch(39.21% 0.1569 8.95) 61.3%, oklch(36.97% 0.1482 7.08) 64.5%, oklch(34.91% 0.1401 6.12) 67.7%, oklch(32.95% 0.1323 5.49) 71.0%, oklch(30.99% 0.1246 4.62) 74.2%, oklch(28.95% 0.1167 2.93) 77.4%, oklch(26.73% 0.1084 359.86) 80.6%, oklch(24.15% 0.0992 354.95) 83.9%, oklch(21.32% 0.0894 348.72) 87.1%, oklch(18.46% 0.0795 341.91) 90.3%, oklch(15.71% 0.0695 335.23) 93.5%, oklch(13.44% 0.0521 329.59) 96.8%, oklch(11.81% 0.0400 325.67) 100.0%);