ピンク、ピーチ、紫とネイビーの放射状グラデーション
ピンク、ピーチ、紫とネイビーのパレット（40色）。 #e42499, #ff4676, #ff7f6c, #ffbe8f, #fda088, #9c3fba, #362595, #00133a。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
40色、編集できる OKLCH キーフレーム5個。
- #e42499
- #e82895
- #ec2c90
- #f1318b
- #f63784
- #fb3e7d
- #ff4676
- #ff5471
- #ff606e
- #ff6b6c
- #ff746b
- #ff7f6c
- #ff8b6e
- #ff9873
- #ffa479
- #ffaf81
- #ffb888
- #ffbe8f
- #ffc193
- #ffc093
- #ffba90
- #ffaf8b
- #fda088
- #f88d8a
- #ef7a90
- #e0679b
- #cc57a7
- #b54ab2
- #9c3fba
- #8438bc
- #6f32b9
- #5a2eb1
- #4729a4
- #362595
- #262185
- #191d74
- #0d1a64
- #041656
- #001448
- #00133a
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.81% 0.2398 350.16) 0.0%, oklch(62.43% 0.2376 352.32) 2.6%, oklch(63.20% 0.2351 355.14) 5.1%, oklch(64.12% 0.2324 358.49) 7.7%, oklch(65.14% 0.2292 2.24) 10.3%, oklch(66.26% 0.2255 6.26) 12.8%, oklch(67.44% 0.2204 10.41) 15.4%, oklch(68.67% 0.2058 14.58) 17.9%, oklch(69.91% 0.1928 18.63) 20.5%, oklch(71.14% 0.1814 22.42) 23.1%, oklch(72.36% 0.1713 25.90) 25.6%, oklch(73.92% 0.1596 30.08) 28.2%, oklch(75.84% 0.1466 35.08) 30.8%, oklch(77.95% 0.1339 40.45) 33.3%, oklch(80.09% 0.1222 45.77) 35.9%, oklch(82.10% 0.1120 50.60) 38.5%, oklch(83.80% 0.1035 54.51) 41.0%, oklch(85.04% 0.0972 57.05) 43.6%, oklch(85.66% 0.0936 57.81) 46.2%, oklch(85.48% 0.0933 56.33) 48.7%, oklch(84.34% 0.0973 52.13) 51.3%, oklch(82.24% 0.1061 44.75) 53.8%, oklch(79.33% 0.1168 34.75) 56.4%, oklch(75.79% 0.1298 22.79) 59.0%, oklch(71.79% 0.1445 9.53) 61.5%, oklch(67.49% 0.1597 355.63) 64.1%, oklch(63.08% 0.1741 341.74) 66.7%, oklch(58.72% 0.1864 328.53) 69.2%, oklch(54.59% 0.1953 316.66) 71.8%, oklch(50.85% 0.1996 306.79) 74.4%, oklch(47.45% 0.1984 298.98) 76.9%, oklch(43.92% 0.1927 292.06) 79.5%, oklch(40.33% 0.1834 285.92) 82.1%, oklch(36.76% 0.1716 280.48) 84.6%, oklch(33.27% 0.1581 275.68) 87.2%, oklch(29.97% 0.1441 271.48) 89.7%, oklch(26.91% 0.1303 267.79) 92.3%, oklch(24.19% 0.1178 264.57) 94.9%, oklch(21.91% 0.1012 261.98) 97.4%, oklch(20.10% 0.0803 259.59) 100.0%);