同系色の紫から黒の線形グラデーション
同系色の紫から黒のパレット（32色）。 #5b345b, #532f54, #452547, #381d3c, #2b152e, #1f0e23, #120716, #0c040f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム3個。
- #5b345b
- #5a3359
- #583258
- #563156
- #532f54
- #512d51
- #4e2b4f
- #4b294c
- #48274a
- #452547
- #422344
- #3e2141
- #3b1f3e
- #381d3c
- #361b39
- #331a36
- #301834
- #2d1631
- #2b152e
- #28132c
- #251129
- #221026
- #1f0e23
- #1c0c20
- #190b1d
- #17091b
- #140818
- #120716
- #100614
- #0f0512
- #0d0510
- #0c040f
CSS
background: linear-gradient(135deg in oklch, oklch(38.98% 0.0799 327.66) 0.0%, oklch(38.50% 0.0792 327.46) 3.2%, oklch(37.94% 0.0785 327.23) 6.5%, oklch(37.28% 0.0776 326.97) 9.7%, oklch(36.55% 0.0766 326.67) 12.9%, oklch(35.75% 0.0755 326.34) 16.1%, oklch(34.89% 0.0744 326.00) 19.4%, oklch(33.99% 0.0731 325.63) 22.6%, oklch(33.06% 0.0718 325.25) 25.8%, oklch(32.10% 0.0705 324.86) 29.0%, oklch(31.12% 0.0691 324.46) 32.3%, oklch(30.14% 0.0676 324.06) 35.5%, oklch(29.17% 0.0661 323.67) 38.7%, oklch(28.22% 0.0646 323.28) 41.9%, oklch(27.30% 0.0630 322.91) 45.2%, oklch(26.41% 0.0614 322.55) 48.4%, oklch(25.56% 0.0598 322.20) 51.6%, oklch(24.67% 0.0580 321.84) 54.8%, oklch(23.75% 0.0560 321.46) 58.1%, oklch(22.79% 0.0539 321.08) 61.3%, oklch(21.82% 0.0517 320.68) 64.5%, oklch(20.85% 0.0495 320.28) 67.7%, oklch(19.87% 0.0471 319.89) 71.0%, oklch(18.91% 0.0448 319.50) 74.2%, oklch(17.98% 0.0426 319.12) 77.4%, oklch(17.08% 0.0404 318.75) 80.6%, oklch(16.22% 0.0382 318.40) 83.9%, oklch(15.42% 0.0363 318.08) 87.1%, oklch(14.69% 0.0344 317.78) 90.3%, oklch(14.03% 0.0328 317.51) 93.5%, oklch(13.46% 0.0314 317.28) 96.8%, oklch(12.99% 0.0303 317.09) 100.0%);