ネイビー、紫、緑と黄色の円錐スウォッチ
円錐スウォッチ、5色、角度225°：#18132f, #4a3990, #0f8da1, #5ac270, #f3d453。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #18132f
- #4a3990
- #0f8da1
- #5ac270
- #f3d453
CSS
background: conic-gradient(from 225deg, oklch(20.87% 0.0537 288.98) 0.000% 20.000%, oklch(41.34% 0.1378 287.93) 20.000% 40.000%, oklch(59.06% 0.1006 212.90) 40.000% 60.000%, oklch(73.23% 0.1530 148.44) 60.000% 80.000%, oklch(87.40% 0.1488 95.60) 80.000% 100.000%);