鮮やかなトライトーンのピンク、ピーチと緑の放射状グラデーション
放射状グラデーション、32色：#fe4776, #ff6e78, #ff9d74, #ccd95a, #55b86c。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #fe4776
- #fe4a76
- #fe4e76
- #fe5377
- #ff5878
- #ff5e78
- #ff6379
- #ff6979
- #ff6e78
- #ff7479
- #ff7a7a
- #ff807b
- #ff867d
- #ff8c7d
- #ff927c
- #ff9779
- #ff9d74
- #ffa56c
- #ffad60
- #fbb756
- #f4c24f
- #e9cb4d
- #dcd452
- #ccd95a
- #bddb61
- #acd966
- #9bd56a
- #8acf6b
- #7ac86c
- #6bc16b
- #5fbc6b
- #55b86c
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(67.32% 0.2191 10.55) 0.0%, oklch(67.65% 0.2160 11.03) 3.2%, oklch(68.07% 0.2118 11.56) 6.5%, oklch(68.58% 0.2069 12.19) 9.7%, oklch(69.14% 0.2014 12.96) 12.9%, oklch(69.77% 0.1955 13.93) 16.1%, oklch(70.43% 0.1895 15.13) 19.4%, oklch(71.12% 0.1833 16.61) 22.6%, oklch(71.83% 0.1766 18.41) 25.8%, oklch(72.60% 0.1699 20.10) 29.0%, oklch(73.42% 0.1630 21.69) 32.3%, oklch(74.29% 0.1560 23.45) 35.5%, oklch(75.19% 0.1485 25.63) 38.7%, oklch(76.10% 0.1417 28.47) 41.9%, oklch(77.02% 0.1360 32.23) 45.2%, oklch(77.91% 0.1321 37.15) 48.4%, oklch(78.82% 0.1298 43.61) 51.6%, oklch(79.96% 0.1294 52.13) 54.8%, oklch(81.25% 0.1334 62.22) 58.1%, oklch(82.56% 0.1371 73.26) 61.3%, oklch(83.74% 0.1413 84.63) 64.5%, oklch(84.65% 0.1455 95.69) 67.7%, oklch(85.17% 0.1491 105.82) 71.0%, oklch(85.14% 0.1513 114.39) 74.2%, oklch(84.41% 0.1520 121.24) 77.4%, oklch(82.90% 0.1517 127.20) 80.6%, oklch(80.85% 0.1509 132.38) 83.9%, oklch(78.48% 0.1496 136.85) 87.1%, oklch(76.03% 0.1481 140.67) 90.3%, oklch(73.72% 0.1467 143.92) 93.5%, oklch(71.79% 0.1454 146.67) 96.8%, oklch(70.47% 0.1447 148.98) 100.0%);