ネイビー、紫、ピンクと黄色の円錐スウォッチ

円錐スウォッチ、5色、角度225°:#17152c, #794dfe, #f759d3, #ff9ccb, #f4ff70。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #17152c
- #794dfe
- #f759d3
- #ff9ccb
- #f4ff70
CSS
background: conic-gradient(from 225deg, oklch(21.26% 0.0441 286.17) 0.000% 20.000%, oklch(57.48% 0.2467 287.23) 20.000% 40.000%, oklch(71.26% 0.2315 337.95) 40.000% 60.000%, oklch(80.71% 0.1298 350.63) 60.000% 80.000%, oklch(96.45% 0.1654 113.21) 80.000% 100.000%);