シームレスな黒と茶色の放射状グラデーション
シームレスな黒と茶色のパレット(48色)。 #1b160b, #3b2f1f, #735b40, #f0cd8c, #f4ce8d, #7d5e45, #432f25, #1f130f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
48色、編集できる OKLCH キーフレーム5個。
- #1b160b
- #1d180d
- #211b0f
- #251e11
- #292114
- #2f2517
- #352a1b
- #3b2f1f
- #423423
- #4a3a28
- #53412d
- #5c4833
- #665039
- #735b40
- #83684a
- #947754
- #a7885f
- #bb9a6b
- #ceac77
- #e0bd82
- #f0cd8c
- #fdda95
- #ffe5b0
- #ffebc2
- #ffebc4
- #ffe6b5
- #ffdb99
- #f4ce8d
- #e6bf84
- #d5ae79
- #c29c6e
- #b08b63
- #9d7b58
- #8c6b4e
- #7d5e45
- #70543e
- #664b38
- #5d4333
- #543c2e
- #4b3529
- #432f25
- #3c2a21
- #36251d
- #302019
- #2b1c16
- #261914
- #221611
- #1f130f
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0207 85.08) 0.0%, oklch(21.18% 0.0218 84.13) 2.1%, oklch(22.44% 0.0231 82.78) 4.3%, oklch(23.86% 0.0245 81.14) 6.4%, oklch(25.45% 0.0261 79.28) 8.5%, oklch(27.22% 0.0279 77.31) 10.6%, oklch(29.17% 0.0299 75.32) 12.8%, oklch(31.30% 0.0321 73.40) 14.9%, oklch(33.62% 0.0345 71.65) 17.0%, oklch(36.13% 0.0371 70.16) 19.1%, oklch(38.85% 0.0399 69.02) 21.3%, oklch(41.77% 0.0430 68.34) 23.4%, oklch(44.92% 0.0464 68.20) 25.5%, oklch(48.86% 0.0506 68.76) 27.7%, oklch(53.62% 0.0557 69.95) 29.8%, oklch(58.96% 0.0615 71.63) 31.9%, oklch(64.65% 0.0676 73.65) 34.0%, oklch(70.46% 0.0739 75.86) 36.2%, oklch(76.14% 0.0801 78.13) 38.3%, oklch(81.48% 0.0858 80.31) 40.4%, oklch(86.23% 0.0910 82.25) 42.6%, oklch(90.17% 0.0953 83.80) 44.7%, oklch(93.05% 0.0739 84.84) 46.8%, oklch(94.64% 0.0573 85.21) 48.9%, oklch(94.73% 0.0556 84.78) 51.1%, oklch(93.32% 0.0683 83.67) 53.2%, oklch(90.65% 0.0922 82.00) 55.3%, oklch(86.94% 0.0925 79.86) 57.4%, oklch(82.41% 0.0878 77.36) 59.6%, oklch(77.30% 0.0825 74.60) 61.7%, oklch(71.81% 0.0767 71.68) 63.8%, oklch(66.20% 0.0709 68.69) 66.0%, oklch(60.67% 0.0650 65.74) 68.1%, oklch(55.46% 0.0596 62.93) 70.2%, oklch(50.79% 0.0546 60.35) 72.3%, oklch(46.89% 0.0505 58.10) 74.5%, oklch(43.72% 0.0471 56.16) 76.6%, oklch(40.72% 0.0438 54.24) 78.7%, oklch(37.87% 0.0407 52.37) 80.9%, oklch(35.18% 0.0377 50.54) 83.0%, oklch(32.66% 0.0349 48.78) 85.1%, oklch(30.30% 0.0323 47.11) 87.2%, oklch(28.12% 0.0298 45.53) 89.4%, oklch(26.13% 0.0275 44.06) 91.5%, oklch(24.32% 0.0255 42.72) 93.6%, oklch(22.70% 0.0236 41.53) 95.7%, oklch(21.29% 0.0220 40.50) 97.9%, oklch(20.08% 0.0207 39.64) 100.0%);