類似色のネイビー、青緑とグレーの線形スウォッチ
線形スウォッチ、6色、角度90°：#223750, #2f5670, #4f818c, #76a397, #96ad89, #9e9d6d。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #223750
- #2f5670
- #4f818c
- #76a397
- #96ad89
- #9e9d6d
CSS
background: linear-gradient(90deg, oklch(33.07% 0.0524 253.83) 0.000% 16.667%, oklch(43.70% 0.0624 239.17) 16.667% 33.333%, oklch(57.21% 0.0568 213.51) 33.333% 50.000%, oklch(68.00% 0.0521 176.01) 50.000% 66.667%, oklch(72.06% 0.0570 134.92) 66.667% 83.333%, oklch(68.50% 0.0661 106.94) 83.333% 100.000%);