ネイビー、ベージュとオレンジの円錐スウォッチ
円錐スウォッチ、4色、角度135°：#173968, #3e87a8, #f2e6cf, #e7a62a。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #173968
- #3e87a8
- #f2e6cf
- #e7a62a
CSS
background: conic-gradient(from 135deg, oklch(34.65% 0.0909 257.34) 0.000% 25.000%, oklch(59.06% 0.0882 230.92) 25.000% 50.000%, oklch(92.91% 0.0331 84.04) 50.000% 75.000%, oklch(76.77% 0.1488 77.70) 75.000% 100.000%);