ネイビーとベージュの円錐スウォッチ
円錐スウォッチ、4色、角度90°：#22324a, #4e6b90, #b68b4d, #f1e0c4。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #22324a
- #4e6b90
- #b68b4d
- #f1e0c4
CSS
background: conic-gradient(from 90deg, oklch(31.50% 0.0482 257.34) 0.000% 25.000%, oklch(51.97% 0.0689 255.23) 25.000% 50.000%, oklch(66.54% 0.0951 75.58) 50.000% 75.000%, oklch(91.34% 0.0413 80.87) 75.000% 100.000%);