ネイビー、紫、青とグレーの円錐スウォッチ
円錐スウォッチ、5色、角度135°：#21143e, #7336c8, #17bdd0, #7be7e1, #aeb4bf。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #21143e
- #7336c8
- #17bdd0
- #7be7e1
- #aeb4bf
CSS
background: conic-gradient(from 135deg, oklch(23.62% 0.0772 293.91) 0.000% 20.000%, oklch(49.61% 0.2108 297.08) 20.000% 40.000%, oklch(73.23% 0.1226 207.25) 40.000% 60.000%, oklch(86.22% 0.1006 190.34) 60.000% 80.000%, oklch(76.77% 0.0179 264.32) 80.000% 100.000%);