ネイビー、ピンク、青と紫の放射状グラデーション
ネイビー、ピンク、青と紫のパレット（64色）。 #17152b, #6b2d66, #e8435a, #e84682, #774caa, #464e93, #67579b, #88609f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
64色、編集できる OKLCH キーフレーム4個。
- #17152b
- #1a172f
- #1f1935
- #261c3c
- #2e1f44
- #38224c
- #432553
- #4f275b
- #5d2a61
- #6b2d66
- #7b2f6a
- #8a316c
- #9a346d
- #aa366c
- #b8386a
- #c63b67
- #d33d63
- #de405e
- #e8435a
- #f04557
- #f64755
- #fa4956
- #fb4959
- #fb495f
- #f94866
- #f5486f
- #f04779
- #e84682
- #df468c
- #d44795
- #c8489d
- #bb48a3
- #ad49a8
- #9f4aab
- #924bac
- #844bab
- #774caa
- #6c4ca7
- #614ca3
- #584c9f
- #514c9c
- #4b4c99
- #484d96
- #464d95
- #454d94
- #464e93
- #474f93
- #494f93
- #4c5094
- #505195
- #545296
- #585397
- #5d5498
- #625699
- #67579b
- #6b589c
- #70599d
- #755a9d
- #795b9e
- #7d5c9f
- #815d9f
- #845e9f
- #875f9f
- #88609f
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.87% 0.0427 286.17) 0.0%, oklch(22.12% 0.0474 288.86) 1.6%, oklch(23.68% 0.0533 292.34) 3.2%, oklch(25.54% 0.0603 296.51) 4.8%, oklch(27.64% 0.0683 301.27) 6.3%, oklch(29.95% 0.0770 306.53) 7.9%, oklch(32.43% 0.0865 312.21) 9.5%, oklch(35.05% 0.0964 318.19) 11.1%, oklch(37.78% 0.1067 324.39) 12.7%, oklch(40.57% 0.1173 330.70) 14.3%, oklch(43.40% 0.1280 337.05) 15.9%, oklch(46.21% 0.1386 343.32) 17.5%, oklch(48.99% 0.1491 349.43) 19.0%, oklch(51.69% 0.1592 355.28) 20.6%, oklch(54.27% 0.1689 0.77) 22.2%, oklch(56.71% 0.1780 5.81) 23.8%, oklch(58.95% 0.1864 10.31) 25.4%, oklch(60.98% 0.1939 14.17) 27.0%, oklch(62.75% 0.2003 17.29) 28.6%, oklch(64.22% 0.2056 19.58) 30.2%, oklch(65.37% 0.2096 20.94) 31.7%, oklch(66.14% 0.2122 21.28) 33.3%, oklch(66.54% 0.2133 20.49) 34.9%, oklch(66.61% 0.2132 18.59) 36.5%, oklch(66.36% 0.2119 15.70) 38.1%, oklch(65.84% 0.2096 11.92) 39.7%, oklch(65.07% 0.2063 7.36) 41.3%, oklch(64.09% 0.2022 2.13) 42.9%, oklch(62.93% 0.1975 356.35) 44.4%, oklch(61.62% 0.1921 350.11) 46.0%, oklch(60.19% 0.1862 343.53) 47.6%, oklch(58.68% 0.1800 336.72) 49.2%, oklch(57.11% 0.1734 329.79) 50.8%, oklch(55.51% 0.1668 322.84) 52.4%, oklch(53.93% 0.1601 315.99) 54.0%, oklch(52.38% 0.1535 309.34) 55.6%, oklch(50.90% 0.1470 303.01) 57.1%, oklch(49.52% 0.1409 297.10) 58.7%, oklch(48.28% 0.1351 291.72) 60.3%, oklch(47.20% 0.1299 286.99) 61.9%, oklch(46.32% 0.1253 283.00) 63.5%, oklch(45.67% 0.1215 279.87) 65.1%, oklch(45.28% 0.1185 277.72) 66.7%, oklch(45.10% 0.1161 276.43) 68.3%, oklch(45.08% 0.1141 275.79) 69.8%, oklch(45.20% 0.1124 275.74) 71.4%, oklch(45.43% 0.1109 276.23) 73.0%, oklch(45.78% 0.1097 277.21) 74.6%, oklch(46.23% 0.1087 278.61) 76.2%, oklch(46.76% 0.1079 280.38) 77.8%, oklch(47.36% 0.1073 282.46) 79.4%, oklch(48.02% 0.1068 284.81) 81.0%, oklch(48.73% 0.1066 287.35) 82.5%, oklch(49.46% 0.1064 290.04) 84.1%, oklch(50.21% 0.1063 292.82) 85.7%, oklch(50.96% 0.1063 295.63) 87.3%, oklch(51.71% 0.1063 298.42) 88.9%, oklch(52.43% 0.1064 301.13) 90.5%, oklch(53.11% 0.1064 303.71) 92.1%, oklch(53.74% 0.1065 306.09) 93.7%, oklch(54.31% 0.1065 308.23) 95.2%, oklch(54.81% 0.1065 310.06) 96.8%, oklch(55.21% 0.1063 311.53) 98.4%, oklch(55.51% 0.1061 312.59) 100.0%);