ベージュ、紫、赤とネイビーの円錐スウォッチ
円錐スウォッチ、5色、角度120°：#e7d7b1, #3e6680, #7b2850, #a63f33, #173f4d。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #e7d7b1
- #3e6680
- #7b2850
- #a63f33
- #173f4d
CSS
background: conic-gradient(from 120deg, oklch(88.19% 0.0524 87.19) 0.000% 20.000%, oklch(49.21% 0.0620 238.30) 20.000% 40.000%, oklch(41.34% 0.1226 353.49) 40.000% 60.000%, oklch(50.79% 0.1378 29.42) 60.000% 80.000%, oklch(34.65% 0.0510 224.57) 80.000% 100.000%);