黒、グレーと茶色の放射状スウォッチ
放射状スウォッチ、48色：#211910, #8c8476, #ebe5d3, #a49a86, #463826。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム3個。
- #211910
- #251d14
- #2b2219
- #31281f
- #383026
- #40382e
- #4a4136
- #534b40
- #5e554a
- #696154
- #756c5f
- #80786b
- #8c8476
- #989082
- #a49c8d
- #afa899
- #bab3a3
- #c4bdad
- #cec7b7
- #d6cfbf
- #ddd7c6
- #e3ddcc
- #e8e1d0
- #eae4d2
- #ebe5d3
- #ebe4d2
- #e8e1cf
- #e4ddcb
- #dfd8c5
- #d9d1bf
- #d2cab7
- #cac1ae
- #c1b8a5
- #b8ae9b
- #aea491
- #a49a86
- #9a8f7c
- #908471
- #867a67
- #7c705d
- #736654
- #6a5d4b
- #625543
- #5b4d3b
- #544635
- #4e412f
- #4a3c2a
- #463826
CSS
background: radial-gradient(circle at 50% 50%, oklch(22.05% 0.0207 68.20) 0.000% 2.083%, oklch(23.77% 0.0208 68.75) 2.083% 4.167%, oklch(25.94% 0.0209 69.43) 4.167% 6.250%, oklch(28.49% 0.0210 70.24) 6.250% 8.333%, oklch(31.40% 0.0211 71.16) 8.333% 10.417%, oklch(34.60% 0.0212 72.18) 10.417% 12.500%, oklch(38.07% 0.0213 73.27) 12.500% 14.583%, oklch(41.74% 0.0214 74.43) 14.583% 16.667%, oklch(45.57% 0.0216 75.65) 16.667% 18.750%, oklch(49.53% 0.0217 76.90) 18.750% 20.833%, oklch(53.56% 0.0219 78.18) 20.833% 22.917%, oklch(57.62% 0.0220 79.46) 22.917% 25.000%, oklch(61.66% 0.0222 80.74) 25.000% 27.083%, oklch(65.64% 0.0224 82.00) 27.083% 29.167%, oklch(69.51% 0.0225 83.22) 29.167% 31.250%, oklch(73.22% 0.0227 84.40) 31.250% 33.333%, oklch(76.74% 0.0229 85.51) 33.333% 35.417%, oklch(80.01% 0.0231 86.55) 35.417% 37.500%, oklch(82.99% 0.0234 87.49) 37.500% 39.583%, oklch(85.63% 0.0236 88.33) 39.583% 41.667%, oklch(87.89% 0.0239 89.05) 41.667% 43.750%, oklch(89.72% 0.0241 89.63) 43.750% 45.833%, oklch(91.08% 0.0244 90.06) 45.833% 47.917%, oklch(91.92% 0.0247 90.33) 47.917% 50.000%, oklch(92.19% 0.0250 90.42) 50.000% 52.083%, oklch(91.93% 0.0253 90.34) 52.083% 54.167%, oklch(91.17% 0.0256 90.10) 54.167% 56.250%, oklch(89.94% 0.0260 89.72) 56.250% 58.333%, oklch(88.31% 0.0264 89.20) 58.333% 60.417%, oklch(86.30% 0.0269 88.57) 60.417% 62.500%, oklch(83.96% 0.0273 87.84) 62.500% 64.583%, oklch(81.33% 0.0278 87.01) 64.583% 66.667%, oklch(78.46% 0.0283 86.11) 66.667% 68.750%, oklch(75.39% 0.0288 85.14) 68.750% 70.833%, oklch(72.16% 0.0293 84.12) 70.833% 72.917%, oklch(68.81% 0.0298 83.07) 72.917% 75.000%, oklch(65.39% 0.0303 81.99) 75.000% 77.083%, oklch(61.94% 0.0307 80.90) 77.083% 79.167%, oklch(58.49% 0.0312 79.82) 79.167% 81.250%, oklch(55.11% 0.0317 78.75) 81.250% 83.333%, oklch(51.81% 0.0321 77.71) 83.333% 85.417%, oklch(48.66% 0.0325 76.72) 85.417% 87.500%, oklch(45.69% 0.0329 75.78) 87.500% 89.583%, oklch(42.94% 0.0333 74.92) 89.583% 91.667%, oklch(40.46% 0.0336 74.14) 91.667% 93.750%, oklch(38.29% 0.0340 73.45) 93.750% 95.833%, oklch(36.47% 0.0342 72.88) 95.833% 97.917%, oklch(35.04% 0.0344 72.43) 97.917% 100.000%);