紫、ピンク、ピーチと緑の円錐スウォッチ
円錐スウォッチ、5色、角度225°：#3e184b, #823b7b, #d36d9c, #f5b16d, #4b7e58。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #3e184b
- #823b7b
- #d36d9c
- #f5b16d
- #4b7e58
CSS
background: conic-gradient(from 225deg, oklch(29.13% 0.0978 316.41) 0.000% 20.000%, oklch(46.85% 0.1281 331.20) 20.000% 40.000%, oklch(66.54% 0.1392 352.34) 40.000% 60.000%, oklch(81.10% 0.1157 65.25) 60.000% 80.000%, oklch(54.72% 0.0813 150.85) 80.000% 100.000%);