ネイビー、青、ピーチと紫の線形スウォッチ
線形スウォッチ、7色、角度160°：#0a1330, #2a3f8b, #82a2d7, #d0eee5, #ffd5b6, #dd5cae, #8b1c71。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #0a1330
- #2a3f8b
- #82a2d7
- #d0eee5
- #ffd5b6
- #dd5cae
- #8b1c71
CSS
background: linear-gradient(160deg, oklch(19.69% 0.0593 267.89) 0.000% 14.286%, oklch(39.71% 0.1276 268.37) 14.286% 28.571%, oklch(70.87% 0.0866 260.26) 28.571% 42.857%, oklch(92.42% 0.0334 176.42) 42.857% 57.143%, oklch(90.01% 0.0630 57.84) 57.143% 71.429%, oklch(66.28% 0.1838 344.31) 71.429% 85.714%, oklch(44.49% 0.1695 339.40) 85.714% 100.000%);