緑、黄色、グレーと紫の円錐スウォッチ
円錐スウォッチ、5色、角度135°：#3c8b46, #c83238, #f2c82e, #6d7d83, #6b2e85。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #3c8b46
- #c83238
- #f2c82e
- #6d7d83
- #6b2e85
CSS
background: conic-gradient(from 135deg, oklch(57.09% 0.1295 146.25) 0.000% 20.000%, oklch(55.12% 0.1860 23.67) 20.000% 40.000%, oklch(84.65% 0.1626 92.36) 40.000% 60.000%, oklch(57.87% 0.0207 222.34) 60.000% 80.000%, oklch(42.52% 0.1474 314.27) 80.000% 100.000%);