ネイビー、青、紫とオレンジの放射状グラデーション
放射状グラデーション、32色：#15234a, #195393, #7d5bb2, #c96481, #f0a45d。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #15234a
- #162650
- #172b57
- #18305f
- #183769
- #173e73
- #17457e
- #174d89
- #195393
- #1f599d
- #285da5
- #3560ac
- #4361b2
- #5260b5
- #615fb7
- #6f5db5
- #7d5bb2
- #8a59ac
- #9658a5
- #a1589d
- #ac5996
- #b55b8f
- #bf5f88
- #c96481
- #d26b7a
- #db7373
- #e17c6c
- #e78566
- #eb8e62
- #ee975f
- #ef9f5d
- #f0a45d
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(26.77% 0.0758 266.48) 0.0%, oklch(28.08% 0.0791 265.60) 3.2%, oklch(29.83% 0.0836 263.96) 6.5%, oklch(31.91% 0.0890 261.84) 9.7%, oklch(34.25% 0.0950 259.51) 12.9%, oklch(36.73% 0.1014 257.26) 16.1%, oklch(39.28% 0.1079 255.36) 19.4%, oklch(41.80% 0.1141 254.09) 22.6%, oklch(44.20% 0.1198 253.74) 25.8%, oklch(46.39% 0.1247 254.58) 29.0%, oklch(48.28% 0.1285 256.89) 32.3%, oklch(49.80% 0.1312 260.91) 35.5%, oklch(51.05% 0.1330 266.57) 38.7%, oklch(52.09% 0.1341 273.60) 41.9%, oklch(52.97% 0.1347 281.72) 45.2%, oklch(53.76% 0.1348 290.65) 48.4%, oklch(54.50% 0.1345 300.14) 51.6%, oklch(55.26% 0.1341 309.90) 54.8%, oklch(56.09% 0.1335 319.66) 58.1%, oklch(57.04% 0.1329 329.15) 61.3%, oklch(58.17% 0.1325 338.10) 64.5%, oklch(59.54% 0.1322 346.32) 67.7%, oklch(61.21% 0.1318 354.74) 71.0%, oklch(63.11% 0.1312 3.52) 74.2%, oklch(65.18% 0.1305 12.46) 77.4%, oklch(67.33% 0.1297 21.36) 80.6%, oklch(69.50% 0.1289 30.02) 83.9%, oklch(71.61% 0.1280 38.26) 87.1%, oklch(73.59% 0.1272 45.86) 90.3%, oklch(75.35% 0.1264 52.63) 93.5%, oklch(76.83% 0.1258 58.37) 96.8%, oklch(77.95% 0.1254 62.88) 100.0%);