緑、オレンジ、赤とピーチの円錐スウォッチ
円錐スウォッチ、5色、角度135°：#52662b, #e34a00, #fb956b, #b22800, #ffa676。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #52662b
- #e34a00
- #fb956b
- #b22800
- #ffa676
CSS
background: conic-gradient(from 135deg, oklch(48.03% 0.0882 125.16) 0.000% 20.000%, oklch(61.81% 0.2003 38.48) 20.000% 40.000%, oklch(76.77% 0.1350 42.73) 40.000% 60.000%, oklch(50.00% 0.1787 34.24) 60.000% 80.000%, oklch(80.31% 0.1226 49.07) 80.000% 100.000%);