ネイビー、グレーと赤の線形スウォッチ
線形スウォッチ、6色、角度135°：#364a5e, #668596, #a8bcc4, #d3cecb, #d6939a, #aa4150。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #364a5e
- #668596
- #a8bcc4
- #d3cecb
- #d6939a
- #aa4150
CSS
background: linear-gradient(135deg, oklch(40.16% 0.0413 248.20) 0.000% 16.667%, oklch(59.84% 0.0441 233.41) 16.667% 33.333%, oklch(78.35% 0.0248 221.78) 33.333% 50.000%, oklch(85.43% 0.0069 46.36) 50.000% 66.667%, oklch(73.23% 0.0813 12.55) 66.667% 83.333%, oklch(52.36% 0.1378 14.66) 83.333% 100.000%);