黃土色免費背景圖分享90張｜支援線上直接下載
黃土色背景素材展示牆
90張色調微變化的黃土色圖片可作為網站底圖或社群模板背景使用，風格一致、色彩自然。
黃土色背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：黃土色-編號2-色號-#ba8448.png，方便您管理與分類使用。
系統原預計產生 90 張背景圖，實際產生 75 張。由於第 76 張起顏色與白色或黑色過於接近，因此後續已省略顯示。
黃土色的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #5f4325 | rgb(95,67,37) | |
| 2 | #614526 | rgb(97,69,38) | |
| 3 | #634626 | rgb(99,70,38) | |
| 4 | #654827 | rgb(101,72,39) | |
| 5 | #674928 | rgb(103,73,40) | |
| 6 | #694b29 | rgb(105,75,41) | |
| 7 | #6b4c2a | rgb(107,76,42) | |
| 8 | #6e4e2a | rgb(110,78,42) | |
| 9 | #704f2b | rgb(112,79,43) | |
| 10 | #72512c | rgb(114,81,44) | |
| 11 | #74522d | rgb(116,82,45) | |
| 12 | #76542e | rgb(118,84,46) | |
| 13 | #78552e | rgb(120,85,46) | |
| 14 | #7a572f | rgb(122,87,47) | |
| 15 | #7c5830 | rgb(124,88,48) | |
| 16 | #7e5931 | rgb(126,89,49) | |
| 17 | #805b32 | rgb(128,91,50) | |
| 18 | #825c32 | rgb(130,92,50) | |
| 19 | #845e33 | rgb(132,94,51) | |
| 20 | #865f34 | rgb(134,95,52) | |
| 21 | #886135 | rgb(136,97,53) | |
| 22 | #8a6236 | rgb(138,98,54) | |
| 23 | #8d6436 | rgb(141,100,54) | |
| 24 | #8f6537 | rgb(143,101,55) | |
| 25 | #916738 | rgb(145,103,56) | |
| 26 | #936839 | rgb(147,104,57) | |
| 27 | #956a3a | rgb(149,106,58) | |
| 28 | #976b3a | rgb(151,107,58) | |
| 29 | #996d3b | rgb(153,109,59) | |
| 30 | #9b6e3c | rgb(155,110,60) | |
| 31 | #9d6f3d | rgb(157,111,61) | |
| 32 | #9f713e | rgb(159,113,62) | |
| 33 | #a1723e | rgb(161,114,62) | |
| 34 | #a3743f | rgb(163,116,63) | |
| 35 | #a57540 | rgb(165,117,64) | |
| 36 | #a77741 | rgb(167,119,65) | |
| 37 | #a97842 | rgb(169,120,66) | |
| 38 | #ac7a42 | rgb(172,122,66) | |
| 39 | #ae7b43 | rgb(174,123,67) | |
| 40 | #b07d44 | rgb(176,125,68) | |
| 41 | #b27e45 | rgb(178,126,69) | |
| 42 | #b48046 | rgb(180,128,70) | |
| 43 | #b68146 | rgb(182,129,70) | |
| 44 | #b88347 | rgb(184,131,71) | |
| 45 | #ba8448 | rgb(186,132,72) | |
| 46 | #bc8549 | rgb(188,133,73) | |
| 47 | #be874a | rgb(190,135,74) | |
| 48 | #c0884a | rgb(192,136,74) | |
| 49 | #c28a4b | rgb(194,138,75) | |
| 50 | #c48b4c | rgb(196,139,76) | |
| 51 | #c68d4d | rgb(198,141,77) | |
| 52 | #c88e4e | rgb(200,142,78) | |
| 53 | #cb904e | rgb(203,144,78) | |
| 54 | #cd914f | rgb(205,145,79) | |
| 55 | #cf9350 | rgb(207,147,80) | |
| 56 | #d19451 | rgb(209,148,81) | |
| 57 | #d39652 | rgb(211,150,82) | |
| 58 | #d59752 | rgb(213,151,82) | |
| 59 | #d79953 | rgb(215,153,83) | |
| 60 | #d99a54 | rgb(217,154,84) | |
| 61 | #db9b55 | rgb(219,155,85) | |
| 62 | #dd9d56 | rgb(221,157,86) | |
| 63 | #df9e56 | rgb(223,158,86) | |
| 64 | #e1a057 | rgb(225,160,87) | |
| 65 | #e3a158 | rgb(227,161,88) | |
| 66 | #e5a359 | rgb(229,163,89) | |
| 67 | #e7a45a | rgb(231,164,90) | |
| 68 | #eaa65a | rgb(234,166,90) | |
| 69 | #eca75b | rgb(236,167,91) | |
| 70 | #eea95c | rgb(238,169,92) | |
| 71 | #f0aa5d | rgb(240,170,93) | |
| 72 | #f2ac5e | rgb(242,172,94) | |
| 73 | #f4ad5e | rgb(244,173,94) | |
| 74 | #f6af5f | rgb(246,175,95) | |
| 75 | #f8b060 | rgb(248,176,96) |
原預計顯示 90 組色碼，但從第 76 筆開始已接近純白或純黑，因此省略重複的色碼。
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#ba8448，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
黃土色背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有黃土色背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多流行色背景圖推薦
流行色的背景圖
感謝您的瀏覽，希望這些黃土色背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。