赤、黄色、緑と白の線形スウォッチ
線形スウォッチ、5色、角度180°：#ff4241, #ff9a3d, #f2e461, #7add9a, #f8fff4。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #ff4241
- #ff9a3d
- #f2e461
- #7add9a
- #f8fff4
CSS
background: linear-gradient(180deg, oklch(66.14% 0.2252 26.02) 0.000% 20.000%, oklch(77.56% 0.1585 58.78) 20.000% 40.000%, oklch(90.55% 0.1502 103.16) 40.000% 60.000%, oklch(81.89% 0.1337 152.83) 60.000% 80.000%, oklch(99.21% 0.0158 132.73) 80.000% 100.000%);