ネイビー、紫、赤とオレンジの線形スウォッチ
線形スウォッチ、5色、角度180°：#1b2857, #1da7a9, #b63b97, #e74e58, #f3b62a。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #1b2857
- #1da7a9
- #b63b97
- #e74e58
- #f3b62a
CSS
background: linear-gradient(180deg, oklch(29.53% 0.0854 268.59) 0.000% 20.000%, oklch(66.14% 0.1075 196.73) 20.000% 40.000%, oklch(55.91% 0.1860 339.40) 40.000% 60.000%, oklch(63.78% 0.1888 20.61) 60.000% 80.000%, oklch(81.10% 0.1571 81.90) 80.000% 100.000%);