暗いグレー、紫、グレーと黒の円錐スウォッチ
円錐スウォッチ、20色、角度0°：#30333d, #9a6f88, #513150, #cbc6c8, #111217。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #30333d
- #3e3f4d
- #575065
- #76617b
- #906d88
- #9a6f88
- #8d607b
- #744868
- #5a3356
- #4a284b
- #513150
- #705269
- #99808d
- #bcaeb3
- #cbc6c8
- #bab9b9
- #8f8e8f
- #5b5a5c
- #2d2d31
- #111217
CSS
background: conic-gradient(from 0deg, oklch(32.28% 0.0179 272.11) 0.000% 5.000%, oklch(37.14% 0.0252 283.71) 5.000% 10.000%, oklch(44.51% 0.0358 300.95) 10.000% 15.000%, oklch(52.15% 0.0474 319.46) 15.000% 20.000%, oklch(57.83% 0.0578 334.90) 20.000% 25.000%, oklch(59.25% 0.0648 342.98) 25.000% 30.000%, oklch(54.57% 0.0702 342.67) 30.000% 35.000%, oklch(46.37% 0.0742 337.34) 35.000% 40.000%, oklch(38.21% 0.0759 330.65) 40.000% 45.000%, oklch(33.66% 0.0742 326.23) 45.000% 50.000%, oklch(36.45% 0.0674 327.67) 50.000% 55.000%, oklch(47.75% 0.0534 335.37) 55.000% 60.000%, oklch(62.81% 0.0358 345.40) 60.000% 65.000%, oklch(76.34% 0.0186 353.52) 65.000% 70.000%, oklch(83.07% 0.0061 355.50) 70.000% 75.000%, oklch(78.57% 0.0010 347.34) 75.000% 80.000%, oklch(64.88% 0.0010 330.22) 80.000% 85.000%, oklch(46.97% 0.0040 309.22) 85.000% 90.000%, oklch(29.85% 0.0076 289.54) 90.000% 95.000%, oklch(18.50% 0.0096 276.34) 95.000% 100.000%);