ネイビー、青、黄色とオレンジの線形スウォッチ
線形スウォッチ、5色、角度90°：#102f54, #186f9d, #50b9c0, #f1d06a, #d96b3e。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #102f54
- #186f9d
- #50b9c0
- #f1d06a
- #d96b3e
CSS
background: linear-gradient(90deg, oklch(30.31% 0.0772 255.23) 0.000% 20.000%, oklch(51.57% 0.1061 238.33) 20.000% 40.000%, oklch(72.83% 0.0965 201.34) 40.000% 60.000%, oklch(86.61% 0.1268 91.44) 60.000% 80.000%, oklch(64.96% 0.1502 41.77) 80.000% 100.000%);