グレー、青、タンと緑の円錐スウォッチ
円錐スウォッチ、21色、角度0°：#6e646d, #6e6ccb, #a7838b, #b1ad50, #90cca9。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム8個。
- #6e646d
- #72627b
- #6e6394
- #6467aa
- #656abd
- #6e6ccb
- #7770cf
- #7878c6
- #817eb7
- #967fa6
- #a7838b
- #a58e7e
- #a59678
- #ad9e65
- #b3a550
- #b1ad50
- #afb35c
- #abb96c
- #a0c280
- #95c999
- #90cca9
CSS
background: conic-gradient(from 0deg, oklch(51.57% 0.0193 329.06) 0.000% 4.762%, oklch(52.12% 0.0432 313.92) 4.762% 9.524%, oklch(52.95% 0.0764 293.54) 9.524% 14.286%, oklch(54.13% 0.1038 280.51) 14.286% 19.048%, oklch(55.86% 0.1265 278.72) 19.048% 23.810%, oklch(57.82% 0.1428 282.10) 23.810% 28.571%, oklch(59.47% 0.1420 284.94) 28.571% 33.333%, oklch(60.71% 0.1176 282.45) 33.333% 38.095%, oklch(61.86% 0.0857 285.93) 38.095% 42.857%, oklch(63.20% 0.0634 310.89) 42.857% 47.619%, oklch(64.67% 0.0452 2.75) 47.619% 52.381%, oklch(66.23% 0.0361 55.76) 52.381% 57.143%, oklch(67.92% 0.0465 84.61) 57.143% 61.905%, oklch(69.78% 0.0778 95.18) 61.905% 66.667%, oklch(71.58% 0.1071 100.18) 66.667% 71.429%, oklch(73.12% 0.1154 106.89) 71.429% 76.190%, oklch(74.49% 0.1108 111.42) 76.190% 80.952%, oklch(75.80% 0.1028 117.79) 80.952% 85.714%, oklch(77.19% 0.0956 130.45) 85.714% 90.476%, oklch(78.57% 0.0865 146.54) 90.476% 95.238%, oklch(79.53% 0.0799 158.22) 95.238% 100.000%);