グレー、暗い紫、ネイビーと紫の放射状グラデーション
放射状グラデーション、56色：#949bb2, #524061, #37324a, #26263c, #67506b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #949bb2
- #9196ae
- #8d8fa9
- #8886a2
- #837c9a
- #7f7190
- #7a6686
- #765c7b
- #715371
- #6c4b68
- #674461
- #62405d
- #5e3e5c
- #583e5e
- #524061
- #4c4363
- #464665
- #404a64
- #3d4d63
- #3b4f60
- #3a505e
- #3a505b
- #394f59
- #374c57
- #364956
- #344454
- #343e52
- #35384f
- #37324a
- #392b43
- #3a263c
- #3a2135
- #3a1e2f
- #391b2b
- #381a2a
- #361a2c
- #341b2e
- #311c31
- #2e1e35
- #2b2138
- #28243a
- #26263c
- #25293e
- #242c40
- #252e42
- #283145
- #2c3449
- #31374d
- #373b53
- #3e3f58
- #46425d
- #4e4661
- #564965
- #5d4b68
- #634e6a
- #67506b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(69.29% 0.0344 272.11) 0.0%, oklch(67.74% 0.0363 275.94) 1.8%, oklch(65.65% 0.0390 281.62) 3.6%, oklch(63.13% 0.0422 288.65) 5.5%, oklch(60.30% 0.0459 296.51) 7.3%, oklch(57.29% 0.0498 304.71) 9.1%, oklch(54.22% 0.0536 312.72) 10.9%, oklch(51.21% 0.0571 320.04) 12.7%, oklch(48.37% 0.0602 326.18) 14.5%, oklch(45.83% 0.0627 330.61) 16.4%, oklch(43.71% 0.0643 332.83) 18.2%, oklch(42.13% 0.0648 332.34) 20.0%, oklch(41.11% 0.0639 328.18) 21.8%, oklch(40.56% 0.0619 320.31) 23.6%, oklch(40.37% 0.0589 309.61) 25.5%, oklch(40.46% 0.0551 296.97) 27.3%, oklch(40.74% 0.0510 283.25) 29.1%, oklch(41.12% 0.0467 269.35) 30.9%, oklch(41.50% 0.0424 256.13) 32.7%, oklch(41.81% 0.0386 244.48) 34.5%, oklch(41.94% 0.0353 235.28) 36.4%, oklch(41.81% 0.0329 229.40) 38.2%, oklch(41.34% 0.0317 227.73) 40.0%, oklch(40.49% 0.0317 230.99) 41.8%, oklch(39.34% 0.0327 238.69) 43.6%, oklch(37.97% 0.0344 249.86) 45.5%, oklch(36.44% 0.0368 263.54) 47.3%, oklch(34.83% 0.0395 278.76) 49.1%, oklch(33.19% 0.0424 294.54) 50.9%, oklch(31.61% 0.0452 309.93) 52.7%, oklch(30.14% 0.0479 323.96) 54.5%, oklch(28.87% 0.0501 335.66) 56.4%, oklch(27.85% 0.0516 344.06) 58.2%, oklch(27.17% 0.0524 348.20) 60.0%, oklch(26.75% 0.0522 347.74) 61.8%, oklch(26.51% 0.0514 343.54) 63.6%, oklch(26.42% 0.0500 336.36) 65.5%, oklch(26.49% 0.0482 326.99) 67.3%, oklch(26.69% 0.0462 316.18) 69.1%, oklch(27.03% 0.0441 304.72) 70.9%, oklch(27.48% 0.0420 293.38) 72.7%, oklch(28.05% 0.0401 282.94) 74.5%, oklch(28.72% 0.0386 274.16) 76.4%, oklch(29.48% 0.0376 267.83) 78.2%, oklch(30.31% 0.0372 264.71) 80.0%, oklch(31.35% 0.0375 264.77) 81.8%, oklch(32.68% 0.0383 267.16) 83.6%, oklch(34.22% 0.0396 271.44) 85.5%, oklch(35.91% 0.0411 277.16) 87.3%, oklch(37.68% 0.0429 283.89) 89.1%, oklch(39.48% 0.0448 291.19) 90.9%, oklch(41.23% 0.0467 298.61) 92.7%, oklch(42.87% 0.0485 305.71) 94.5%, oklch(44.33% 0.0501 312.06) 96.4%, oklch(45.55% 0.0514 317.21) 98.2%, oklch(46.46% 0.0524 320.72) 100.0%);