ネイビー、緑、オレンジと赤の線形スウォッチ
線形スウォッチ、7色、角度180°：#2b3f4a, #1c5b52, #3c7459, #8a7d4d, #cd753e, #e15e30, #bf4132。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #2b3f4a
- #1c5b52
- #3c7459
- #8a7d4d
- #cd753e
- #e15e30
- #bf4132
CSS
background: linear-gradient(180deg, oklch(35.43% 0.0317 234.14) 0.000% 14.286%, oklch(42.91% 0.0648 182.36) 14.286% 28.571%, oklch(51.18% 0.0744 161.22) 28.571% 42.857%, oklch(59.06% 0.0689 95.71) 42.857% 57.143%, oklch(64.96% 0.1309 50.27) 57.143% 71.429%, oklch(64.17% 0.1750 38.64) 71.429% 85.714%, oklch(55.12% 0.1640 30.19) 85.714% 100.000%);