同系色のネイビーとグレーの円錐スウォッチ
円錐スウォッチ、6色、角度135°：#15204e, #203a79, #375ca0, #5577ae, #71809d, #767678。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #15204e
- #203a79
- #375ca0
- #5577ae
- #71809d
- #767678
CSS
background: conic-gradient(from 135deg, oklch(26.38% 0.0854 269.30) 0.000% 16.667%, oklch(36.51% 0.1127 265.02) 16.667% 33.333%, oklch(48.11% 0.1180 261.86) 33.333% 50.000%, oklch(56.81% 0.0933 259.20) 50.000% 66.667%, oklch(59.79% 0.0474 262.93) 66.667% 83.333%, oklch(56.69% 0.0028 280.92) 83.333% 100.000%);