ネイビー、紫、ピンクと青の放射状グラデーション
ネイビー、紫、ピンクと青のパレット（32色）。 #161026, #2d1944, #5f2572, #892d82, #bd397e, #c45ab8, #3fb0f3, #57ceb5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム4個。
- #161026
- #1a122b
- #1f1432
- #25163b
- #2d1944
- #351c4e
- #3f1e57
- #492161
- #54236a
- #5f2572
- #692879
- #732a7e
- #7d2c81
- #892d82
- #952e81
- #a12f7f
- #ac317d
- #b5357c
- #bd397e
- #c43f84
- #c8468f
- #c94ea0
- #c45ab8
- #b869d2
- #a57aea
- #898df8
- #67a0fb
- #3fb0f3
- #19bde3
- #21c6d1
- #40cbc0
- #57ceb5
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(19.29% 0.0441 294.61) 0.0%, oklch(20.57% 0.0501 296.06) 3.2%, oklch(22.21% 0.0582 297.92) 6.5%, oklch(24.16% 0.0679 300.12) 9.7%, oklch(26.35% 0.0787 302.58) 12.9%, oklch(28.70% 0.0902 305.25) 16.1%, oklch(31.16% 0.1019 308.04) 19.4%, oklch(33.65% 0.1135 310.90) 22.6%, oklch(36.11% 0.1244 313.74) 25.8%, oklch(38.47% 0.1341 316.52) 29.0%, oklch(40.66% 0.1424 319.14) 32.3%, oklch(42.67% 0.1490 321.98) 35.5%, oklch(44.63% 0.1553 326.17) 38.7%, oklch(46.57% 0.1611 331.29) 41.9%, oklch(48.48% 0.1664 336.83) 45.2%, oklch(50.37% 0.1710 342.24) 48.4%, oklch(52.23% 0.1750 347.01) 51.6%, oklch(54.07% 0.1781 350.62) 54.8%, oklch(55.89% 0.1802 352.52) 58.1%, oklch(57.68% 0.1813 352.21) 61.3%, oklch(59.46% 0.1812 349.16) 64.5%, oklch(61.22% 0.1799 342.75) 67.7%, oklch(63.05% 0.1764 331.90) 71.0%, oklch(64.95% 0.1709 317.16) 74.2%, oklch(66.86% 0.1640 299.52) 77.4%, oklch(68.76% 0.1561 279.96) 80.6%, oklch(70.60% 0.1476 259.47) 83.9%, oklch(72.35% 0.1390 239.02) 87.1%, oklch(73.95% 0.1307 219.59) 90.3%, oklch(75.38% 0.1234 202.18) 93.5%, oklch(76.60% 0.1173 187.76) 96.8%, oklch(77.56% 0.1130 177.31) 100.0%);