ネイビーから紫の虹色の線形スウォッチ
線形スウォッチ、5色、角度90°：#002a5a, #949600, #bca286, #ad5443, #b636a1。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #002a5a
- #949600
- #bca286
- #ad5443
- #b636a1
CSS
background: linear-gradient(90deg, oklch(29.14% 0.0972 255.35) 0.000% 20.000%, oklch(64.96% 0.1423 110.46) 20.000% 40.000%, oklch(72.83% 0.0496 70.30) 40.000% 60.000%, oklch(55.12% 0.1199 32.26) 60.000% 80.000%, oklch(55.91% 0.1998 335.20) 80.000% 100.000%);