同系色のグレーとネイビーの円錐スウォッチ
円錐スウォッチ、5色、角度45°：#8098b1, #223f61, #0b1d35, #ecf1f6, #cfdae3。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #8098b1
- #223f61
- #0b1d35
- #ecf1f6
- #cfdae3
CSS
background: conic-gradient(from 45deg, oklch(66.93% 0.0455 250.31) 0.000% 20.000%, oklch(36.22% 0.0689 253.48) 20.000% 40.000%, oklch(22.83% 0.0524 256.65) 40.000% 60.000%, oklch(95.67% 0.0083 241.86) 60.000% 80.000%, oklch(88.19% 0.0179 246.09) 80.000% 100.000%);