虹色の円錐スウォッチ
円錐スウォッチ、5色、角度120°：#e8f5f3, #16a7a0, #f13ea8, #f5d330, #46d9e9。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #e8f5f3
- #16a7a0
- #f13ea8
- #f5d330
- #46d9e9
CSS
background: conic-gradient(from 120deg, oklch(96.06% 0.0138 185.62) 0.000% 20.000%, oklch(65.75% 0.1102 189.85) 20.000% 40.000%, oklch(66.14% 0.2329 349.42) 40.000% 60.000%, oklch(87.01% 0.1681 96.15) 60.000% 80.000%, oklch(81.50% 0.1226 206.06) 80.000% 100.000%);