紫、ピンクとベージュの円錐スウォッチ

円錐スウォッチ、5色、角度45°:#8377a8, #c592b8, #f3abaf, #ffcec0, #ffead9。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #8377a8
- #c592b8
- #f3abaf
- #ffcec0
- #ffead9
CSS
background: conic-gradient(from 45deg, oklch(59.84% 0.0744 295.31) 0.000% 20.000%, oklch(72.05% 0.0799 335.47) 20.000% 40.000%, oklch(81.10% 0.0854 15.63) 40.000% 60.000%, oklch(88.98% 0.0592 35.71) 60.000% 80.000%, oklch(94.88% 0.0325 61.08) 80.000% 100.000%);