グレー、青緑と茶色の円錐スウォッチ
円錐スウォッチ、13色、角度90°：#d8c5b4, #99ae9c, #5d8777, #555b47, #813a1d。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #d8c5b4
- #c6c1ad
- #b0b8a7
- #99ae9c
- #80a291
- #6c9585
- #5d8777
- #52786b
- #4e6a5b
- #555b47
- #5d4f3b
- #6f4529
- #813a1d
CSS
background: conic-gradient(from 90deg, oklch(83.46% 0.0317 64.69) 0.000% 7.692%, oklch(80.88% 0.0278 94.14) 7.692% 15.385%, oklch(77.17% 0.0262 128.09) 15.385% 23.077%, oklch(72.83% 0.0343 149.69) 23.077% 30.769%, oklch(68.11% 0.0441 164.02) 30.769% 38.462%, oklch(63.39% 0.0501 169.37) 38.462% 46.154%, oklch(58.66% 0.0524 169.31) 46.154% 53.846%, oklch(53.91% 0.0469 171.22) 53.846% 61.538%, oklch(49.61% 0.0400 161.91) 61.538% 69.231%, oklch(46.09% 0.0327 121.42) 69.231% 76.923%, oklch(43.70% 0.0358 77.37) 76.923% 84.615%, oklch(43.33% 0.0707 54.12) 84.615% 92.308%, oklch(43.70% 0.1061 41.44) 92.308% 100.000%);