類似色のベージュ、オレンジと茶色の放射状グラデーション
類似色のベージュ、オレンジと茶色のパレット（32色）。 #f8f3d5, #f3e7b8, #ecd187, #e8bc5a, #df9d10, #cd8300, #ae6100, #934f1c。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #f8f3d5
- #f7f1d0
- #f6eec9
- #f4ebc1
- #f3e7b8
- #f1e3ae
- #f0dfa4
- #efda9a
- #edd691
- #ecd187
- #ebcc7c
- #eac771
- #e9c266
- #e8bc5a
- #e6b64e
- #e5b041
- #e3aa34
- #e1a326
- #df9d10
- #db9600
- #d79000
- #d28a00
- #cd8300
- #c87d00
- #c27700
- #bc6f00
- #b56800
- #ae6100
- #a75a06
- #9f5613
- #985219
- #934f1c
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.06% 0.0400 99.84) 0.0%, oklch(95.45% 0.0439 99.17) 3.2%, oklch(94.65% 0.0492 98.29) 6.5%, oklch(93.70% 0.0555 97.23) 9.7%, oklch(92.63% 0.0625 96.06) 12.9%, oklch(91.48% 0.0698 94.81) 16.1%, oklch(90.28% 0.0773 93.54) 19.4%, oklch(89.08% 0.0845 92.29) 22.6%, oklch(87.90% 0.0912 91.10) 25.8%, oklch(86.70% 0.0981 89.96) 29.0%, oklch(85.47% 0.1052 88.83) 32.3%, oklch(84.20% 0.1125 87.69) 35.5%, oklch(82.89% 0.1196 86.52) 38.7%, oklch(81.54% 0.1264 85.30) 41.9%, oklch(80.14% 0.1327 84.00) 45.2%, oklch(78.70% 0.1382 82.61) 48.4%, oklch(77.20% 0.1428 81.11) 51.6%, oklch(75.64% 0.1473 79.50) 54.8%, oklch(74.04% 0.1515 77.80) 58.1%, oklch(72.38% 0.1520 76.01) 61.3%, oklch(70.69% 0.1497 74.18) 64.5%, oklch(68.96% 0.1474 72.32) 67.7%, oklch(67.20% 0.1452 70.45) 71.0%, oklch(65.41% 0.1430 68.58) 74.2%, oklch(63.53% 0.1407 66.67) 77.4%, oklch(61.42% 0.1383 64.55) 80.6%, oklch(59.19% 0.1358 62.34) 83.9%, oklch(56.95% 0.1334 60.12) 87.1%, oklch(54.79% 0.1290 58.05) 90.3%, oklch(52.85% 0.1212 56.14) 93.5%, oklch(51.21% 0.1147 54.54) 96.8%, oklch(50.00% 0.1102 53.35) 100.0%);