紫からオレンジの虹色の放射状グラデーション
放射状グラデーション、32色：#8f2a3f, #494f9a, #3e9878, #c1cb56, #df7e41。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム8個。
- #8f2a3f
- #8b2b4b
- #852e5a
- #7c326a
- #723778
- #693c83
- #60418c
- #554794
- #494f9a
- #3b589e
- #2e649e
- #286f9b
- #2c7a97
- #338393
- #348b8e
- #359286
- #3e9878
- #509e69
- #65a35d
- #79ac57
- #8bb654
- #9cc053
- #aec753
- #c1cb56
- #d1cf62
- #dfd16f
- #e8d076
- #ecc873
- #ecb765
- #e9a253
- #e48c46
- #df7e41
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.49% 0.1350 12.66) 0.0%, oklch(44.36% 0.1326 4.09) 3.2%, oklch(44.14% 0.1291 351.86) 6.5%, oklch(43.97% 0.1254 337.89) 9.7%, oklch(43.99% 0.1222 324.12) 12.9%, oklch(44.28% 0.1206 312.02) 16.1%, oklch(44.66% 0.1209 300.49) 19.4%, oklch(45.24% 0.1216 289.04) 22.6%, oklch(46.13% 0.1211 277.37) 25.8%, oklch(47.47% 0.1178 265.21) 29.0%, oklch(49.45% 0.1092 252.59) 32.3%, oklch(51.91% 0.0976 239.65) 35.5%, oklch(54.50% 0.0867 226.39) 38.7%, oklch(56.88% 0.0803 212.80) 41.9%, oklch(58.77% 0.0817 198.40) 45.2%, oklch(60.27% 0.0893 182.57) 48.4%, oklch(61.70% 0.0999 166.80) 51.6%, oklch(63.40% 0.1108 152.65) 54.8%, oklch(65.70% 0.1193 141.66) 58.1%, oklch(68.82% 0.1276 134.27) 61.3%, oklch(72.38% 0.1358 129.15) 64.5%, oklch(75.87% 0.1421 124.84) 67.7%, oklch(78.79% 0.1447 119.88) 71.0%, oklch(81.19% 0.1411 113.89) 74.2%, oklch(83.50% 0.1319 107.89) 77.4%, oklch(85.20% 0.1211 101.62) 80.6%, oklch(85.79% 0.1132 94.78) 83.9%, oklch(84.66% 0.1122 86.91) 87.1%, oklch(81.21% 0.1178 76.99) 90.3%, oklch(76.52% 0.1268 66.41) 93.5%, oklch(71.96% 0.1359 56.93) 96.8%, oklch(68.90% 0.1419 50.35) 100.0%);