ネイビー、赤、オレンジと緑の線形スウォッチ
線形スウォッチ、5色、角度90°：#2b193d, #7a2dc0, #c9174c, #ff8516, #83b910。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #2b193d
- #7a2dc0
- #c9174c
- #ff8516
- #83b910
CSS
background: linear-gradient(90deg, oklch(25.59% 0.0675 305.16) 0.000% 20.000%, oklch(48.82% 0.2136 303.04) 20.000% 40.000%, oklch(53.94% 0.2053 12.79) 40.000% 60.000%, oklch(74.01% 0.1804 54.00) 60.000% 80.000%, oklch(72.05% 0.1846 127.97) 80.000% 100.000%);