ネイビー、紫、ピンクとマゼンタの線形グラデーション
線形グラデーション、32色、角度135°：#1d1943, #3a2fad, #c478d6, #e58cb1, #a53060。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #1d1943
- #1f1a4b
- #211c56
- #221d63
- #241f72
- #272182
- #2a2592
- #3029a1
- #3a2fad
- #4837b8
- #5941c1
- #6d4bca
- #8256d0
- #9660d4
- #a86ad6
- #b872d7
- #c478d6
- #cf7dd4
- #d883d0
- #df87cb
- #e38bc5
- #e68dbf
- #e68eb8
- #e58cb1
- #e187a9
- #db7d9f
- #d27193
- #c86387
- #be547b
- #b44570
- #ab3967
- #a53060
CSS
background: linear-gradient(135deg in oklch, oklch(24.41% 0.0772 283.36) 0.0%, oklch(25.59% 0.0871 282.51) 3.2%, oklch(27.06% 0.1015 281.02) 6.5%, oklch(28.82% 0.1188 279.23) 9.7%, oklch(30.82% 0.1372 277.47) 12.9%, oklch(33.06% 0.1551 276.09) 16.1%, oklch(35.49% 0.1710 275.43) 19.4%, oklch(38.10% 0.1831 275.82) 22.6%, oklch(40.88% 0.1900 277.61) 25.8%, oklch(44.16% 0.1921 280.89) 29.0%, oklch(47.93% 0.1907 285.37) 32.3%, oklch(51.96% 0.1867 290.73) 35.5%, oklch(56.05% 0.1808 296.66) 38.7%, oklch(59.98% 0.1741 302.82) 41.9%, oklch(63.54% 0.1672 308.90) 45.2%, oklch(66.52% 0.1610 314.58) 48.4%, oklch(68.78% 0.1559 319.71) 51.6%, oklch(70.73% 0.1499 325.01) 54.8%, oklch(72.39% 0.1430 330.46) 58.1%, oklch(73.70% 0.1359 335.87) 61.3%, oklch(74.60% 0.1292 341.05) 64.5%, oklch(75.04% 0.1234 345.84) 67.7%, oklch(74.95% 0.1192 350.03) 71.0%, oklch(74.28% 0.1172 353.45) 74.2%, oklch(72.79% 0.1180 355.95) 77.4%, oklch(70.17% 0.1217 357.60) 80.6%, oklch(66.76% 0.1274 358.59) 83.9%, oklch(62.90% 0.1343 359.08) 87.1%, oklch(58.94% 0.1417 359.24) 90.3%, oklch(55.24% 0.1487 359.24) 93.5%, oklch(52.14% 0.1546 359.25) 96.8%, oklch(50.00% 0.1585 359.45) 100.0%);