虹色の円錐スウォッチ
円錐スウォッチ、7色、角度225°：#e14b60, #fe9f94, #fedcc3, #92b08a, #007596, #8671cb, #ec7ece。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #e14b60
- #fe9f94
- #fedcc3
- #92b08a
- #007596
- #8671cb
- #ec7ece
CSS
background: conic-gradient(from 225deg, oklch(62.60% 0.1846 16.17) 0.000% 14.286%, oklch(79.63% 0.1147 27.40) 14.286% 28.571%, oklch(91.73% 0.0510 59.50) 28.571% 42.857%, oklch(72.51% 0.0635 138.69) 42.857% 57.143%, oklch(52.36% 0.1006 226.47) 57.143% 71.429%, oklch(60.73% 0.1354 292.91) 71.429% 85.714%, oklch(74.02% 0.1640 338.48) 85.714% 100.000%);