デュオトーンの緑とネイビーの円錐スウォッチ
円錐スウォッチ、13色、角度0°：#c0d07e, #94bd40, #658e24, #3b5730, #213150。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #c0d07e
- #b4cd6a
- #a2c752
- #94bd40
- #85b031
- #759f28
- #658e24
- #587b1e
- #486922
- #3b5730
- #2e4838
- #153e45
- #213150
CSS
background: conic-gradient(from 0deg, oklch(82.68% 0.1075 118.12) 0.000% 7.692%, oklch(80.81% 0.1283 121.16) 7.692% 15.385%, oklch(77.95% 0.1502 124.47) 15.385% 23.077%, oklch(74.38% 0.1582 125.79) 23.077% 30.769%, oklch(70.08% 0.1585 126.58) 30.769% 38.462%, oklch(64.99% 0.1514 127.64) 38.462% 46.154%, oklch(59.45% 0.1392 128.69) 46.154% 53.846%, oklch(53.74% 0.1255 128.30) 53.846% 61.538%, oklch(48.03% 0.1061 130.81) 61.538% 69.231%, oklch(42.37% 0.0705 137.01) 69.231% 76.923%, oklch(37.40% 0.0413 156.17) 76.923% 84.615%, oklch(33.78% 0.0462 210.59) 84.615% 92.308%, oklch(31.50% 0.0593 261.84) 92.308% 100.000%);