鮮やかな暗い紫、ピンクとサーモンの放射状グラデーション
放射状グラデーション、34色：#440933, #802d72, #ff549b, #fe7392, #ff9067。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #440933
- #470c38
- #4b103f
- #511548
- #571a51
- #5e205b
- #672463
- #73296b
- #802d72
- #8f3178
- #9f357d
- #ad3982
- #bc3e88
- #cd428d
- #dd4692
- #eb4b96
- #f74f99
- #ff549b
- #ff5c9c
- #ff609d
- #ff619d
- #ff639d
- #fe679b
- #ff6a99
- #ff6f96
- #fe7392
- #fe778e
- #fe7b8a
- #ff7e85
- #ff827f
- #ff8678
- #ff8a71
- #ff8d6b
- #ff9067
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(26.77% 0.1006 342.42) 0.0%, oklch(27.98% 0.1029 340.50) 3.0%, oklch(29.62% 0.1059 337.54) 6.1%, oklch(31.60% 0.1097 334.29) 9.1%, oklch(33.82% 0.1142 331.48) 12.1%, oklch(36.19% 0.1196 329.87) 15.2%, oklch(38.66% 0.1260 330.12) 18.2%, oklch(41.43% 0.1337 332.09) 21.2%, oklch(44.41% 0.1424 335.20) 24.2%, oklch(47.50% 0.1516 338.86) 27.3%, oklch(50.58% 0.1608 342.52) 30.3%, oklch(53.54% 0.1695 345.59) 33.3%, oklch(56.55% 0.1786 348.22) 36.4%, oklch(59.71% 0.1886 350.84) 39.4%, oklch(62.81% 0.1983 353.33) 42.4%, oklch(65.64% 0.2065 355.59) 45.5%, oklch(67.98% 0.2121 357.49) 48.5%, oklch(69.62% 0.2140 358.87) 51.5%, oklch(70.57% 0.2049 359.51) 54.5%, oklch(71.02% 0.2004 359.70) 57.6%, oklch(71.21% 0.1984 359.83) 60.6%, oklch(71.35% 0.1958 0.29) 63.6%, oklch(71.65% 0.1902 1.44) 66.7%, oklch(72.11% 0.1846 3.30) 69.7%, oklch(72.54% 0.1784 5.57) 72.7%, oklch(72.96% 0.1720 8.22) 75.8%, oklch(73.38% 0.1659 11.20) 78.8%, oklch(73.80% 0.1607 14.49) 81.8%, oklch(74.24% 0.1566 18.18) 84.8%, oklch(74.72% 0.1527 22.84) 87.9%, oklch(75.22% 0.1491 28.01) 90.9%, oklch(75.69% 0.1469 33.10) 93.9%, oklch(76.09% 0.1460 37.48) 97.0%, oklch(76.38% 0.1458 40.54) 100.0%);