ネイビー、紫、ピンクとオリーブの線形スウォッチ
線形スウォッチ、6色、角度135°：#241c4d, #553d88, #985ca1, #d995bc, #e4ce9c, #9fa960。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #241c4d
- #553d88
- #985ca1
- #d995bc
- #e4ce9c
- #9fa960
CSS
background: linear-gradient(135deg, oklch(26.77% 0.0868 286.17) 0.000% 16.667%, oklch(42.52% 0.1213 295.68) 16.667% 33.333%, oklch(56.69% 0.1226 322.10) 33.333% 50.000%, oklch(74.80% 0.0965 344.29) 50.000% 66.667%, oklch(85.83% 0.0703 87.85) 66.667% 83.333%, oklch(70.87% 0.0965 115.33) 83.333% 100.000%);