赤、オレンジ、グレーと青の線形スウォッチ
線形スウォッチ、5色、角度90°：#f0403f, #ff6d4a, #ddcbd1, #2c6cce, #293ba1。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #f0403f
- #ff6d4a
- #ddcbd1
- #2c6cce
- #293ba1
CSS
background: linear-gradient(90deg, oklch(63.39% 0.2122 26.02) 0.000% 20.000%, oklch(70.86% 0.1860 34.47) 20.000% 40.000%, oklch(85.83% 0.0220 356.43) 40.000% 60.000%, oklch(54.33% 0.1654 259.21) 60.000% 80.000%, oklch(40.55% 0.1654 269.77) 80.000% 100.000%);