ネイビー、青、赤と黄色の円錐スウォッチ
円錐スウォッチ、5色、角度135°：#0b0e2a, #1f2c79, #3b5ada, #e8453c, #fed240。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #0b0e2a
- #1f2c79
- #3b5ada
- #e8453c
- #fed240
CSS
background: conic-gradient(from 135deg, oklch(18.11% 0.0551 273.52) 0.000% 20.000%, oklch(33.46% 0.1323 270.35) 20.000% 40.000%, oklch(52.36% 0.1984 268.23) 40.000% 60.000%, oklch(62.60% 0.2012 27.64) 60.000% 80.000%, oklch(87.80% 0.1612 91.05) 80.000% 100.000%);