ネイビー、青、オレンジとベージュの線形スウォッチ
線形スウォッチ、5色、角度90°：#101d3a, #244a85, #f16424, #ff9c43, #f5e2c8。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #101d3a
- #244a85
- #f16424
- #ff9c43
- #f5e2c8
CSS
background: linear-gradient(90deg, oklch(23.62% 0.0593 264.37) 0.000% 20.000%, oklch(41.34% 0.1089 259.09) 20.000% 40.000%, oklch(67.32% 0.1874 41.75) 40.000% 60.000%, oklch(77.95% 0.1550 58.66) 60.000% 80.000%, oklch(92.13% 0.0400 75.57) 80.000% 100.000%);