黒、紫、ピンクとオレンジの線形スウォッチ
線形スウォッチ、5色、角度135°：#111827, #302e81, #7b39ec, #ed489a, #f49e0d。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #111827
- #302e81
- #7b39ec
- #ed489a
- #f49e0d
CSS
background: linear-gradient(135deg, oklch(20.87% 0.0317 264.37) 0.000% 20.000%, oklch(35.83% 0.1350 278.11) 20.000% 40.000%, oklch(53.94% 0.2467 292.91) 40.000% 60.000%, oklch(65.75% 0.2122 354.20) 60.000% 80.000%, oklch(76.77% 0.1640 70.28) 80.000% 100.000%);