紫、ベージュ、ネイビーと白の円錐スウォッチ

円錐スウォッチ、4色、角度90°:#57324d, #e8d6b0, #162b4d, #fff8ea。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #57324d
- #e8d6b0
- #162b4d
- #fff8ea
CSS
background: conic-gradient(from 90deg, oklch(37.40% 0.0661 337.50) 0.000% 25.000%, oklch(88.19% 0.0537 85.29) 25.000% 50.000%, oklch(29.13% 0.0675 259.65) 50.000% 75.000%, oklch(98.03% 0.0193 84.23) 75.000% 100.000%);