類似色のピンク、紫と黒の放射状グラデーション
放射状グラデーション、32色：#f94c9f, #c02182, #6d1651, #33132a, #090609。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #f94c9f
- #f5489d
- #ef449a
- #e93e97
- #e23894
- #da3190
- #d22b8b
- #c92687
- #c02182
- #b71e7d
- #ac1c77
- #a11a71
- #96196a
- #8b1864
- #81175d
- #771757
- #6d1651
- #64164b
- #5b1645
- #52153f
- #4a153a
- #421434
- #3a142f
- #33132a
- #2c1125
- #260f20
- #1f0e1b
- #190c17
- #140a12
- #10080f
- #0c070b
- #090609
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.11% 0.2205 355.08) 0.0%, oklch(67.10% 0.2200 354.65) 3.2%, oklch(65.78% 0.2198 354.09) 6.5%, oklch(64.21% 0.2197 353.42) 9.7%, oklch(62.44% 0.2192 352.67) 12.9%, oklch(60.55% 0.2181 351.88) 16.1%, oklch(58.57% 0.2161 351.09) 19.4%, oklch(56.59% 0.2128 350.33) 22.6%, oklch(54.63% 0.2081 349.62) 25.8%, oklch(52.58% 0.2017 348.94) 29.0%, oklch(50.41% 0.1940 348.26) 32.3%, oklch(48.16% 0.1852 347.58) 35.5%, oklch(45.87% 0.1757 346.90) 38.7%, oklch(43.58% 0.1656 346.22) 41.9%, oklch(41.35% 0.1555 345.53) 45.2%, oklch(39.21% 0.1454 344.85) 48.4%, oklch(37.19% 0.1356 344.18) 51.6%, oklch(35.22% 0.1253 343.55) 54.8%, oklch(33.30% 0.1146 342.96) 58.1%, oklch(31.42% 0.1036 342.36) 61.3%, oklch(29.60% 0.0927 341.74) 64.5%, oklch(27.82% 0.0820 341.07) 67.7%, oklch(26.09% 0.0720 340.32) 71.0%, oklch(24.42% 0.0628 339.46) 74.2%, oklch(22.78% 0.0543 338.43) 77.4%, oklch(21.10% 0.0462 337.18) 80.6%, oklch(19.42% 0.0383 335.78) 83.9%, oklch(17.81% 0.0310 334.32) 87.1%, oklch(16.31% 0.0243 332.90) 90.3%, oklch(14.98% 0.0185 331.60) 93.5%, oklch(13.85% 0.0135 330.51) 96.8%, oklch(12.99% 0.0096 329.72) 100.0%);