同系色の黒、ネイビーとグレーの円錐スウォッチ

円錐スウォッチ、5色、角度225°:#0d0d14, #2c3c47, #157e98, #2ed1e7, #becfd4。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #0d0d14
- #2c3c47
- #157e98
- #2ed1e7
- #becfd4
CSS
background: conic-gradient(from 225deg, oklch(16.14% 0.0152 284.77) 0.000% 20.000%, oklch(34.65% 0.0276 239.33) 20.000% 40.000%, oklch(55.12% 0.0951 219.25) 40.000% 60.000%, oklch(79.13% 0.1281 208.68) 60.000% 80.000%, oklch(84.25% 0.0193 218.19) 80.000% 100.000%);