ベージュ、ピンク、紫とネイビーの円錐スウォッチ

円錐スウォッチ、5色、角度180°:#f5dca6, #cf7e81, #74577a, #344261, #00172f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #f5dca6
- #cf7e81
- #74577a
- #344261
- #00172f
CSS
background: conic-gradient(from 180deg, oklch(90.16% 0.0744 85.78) 0.000% 20.000%, oklch(68.11% 0.1006 18.15) 20.000% 40.000%, oklch(50.00% 0.0648 320.03) 40.000% 60.000%, oklch(38.19% 0.0551 265.08) 60.000% 80.000%, oklch(20.10% 0.0579 250.66) 80.000% 100.000%);