ネイビーとグレーの円錐スウォッチ
円錐スウォッチ、4色、角度225°：#102a55, #235ba7, #8ec5d6, #dadad5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #102a55
- #235ba7
- #8ec5d6
- #dadad5
CSS
background: conic-gradient(from 225deg, oklch(29.13% 0.0854 260.16) 0.000% 25.000%, oklch(47.64% 0.1350 256.99) 25.000% 50.000%, oklch(79.13% 0.0620 218.94) 50.000% 75.000%, oklch(88.58% 0.0055 106.93) 75.000% 100.000%);