緑からオリーブの虹色の線形スウォッチ
線形スウォッチ、5色、角度90°：#008d66, #002f63, #843b3b, #bd3da7, #8e9500。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #008d66
- #002f63
- #843b3b
- #bd3da7
- #8e9500
CSS
background: linear-gradient(90deg, oklch(57.09% 0.1197 165.22) 0.000% 20.000%, oklch(31.11% 0.1030 255.15) 20.000% 40.000%, oklch(44.88% 0.1006 21.87) 40.000% 60.000%, oklch(57.87% 0.1998 335.37) 60.000% 80.000%, oklch(64.17% 0.1428 112.75) 80.000% 100.000%);