褐色免費背景圖分享89張｜支援線上直接下載
褐色背景素材展示牆
89張色調微變化的褐色圖片可作為網站底圖或社群模板背景使用，風格一致、色彩自然。
褐色背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：褐色-編號2-色號-#843900.png，方便您管理與分類使用。
褐色的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #431d00 | rgb(67,29,0) | |
| 2 | #451e00 | rgb(69,30,0) | |
| 3 | #461e00 | rgb(70,30,0) | |
| 4 | #481f00 | rgb(72,31,0) | |
| 5 | #492000 | rgb(73,32,0) | |
| 6 | #4b2000 | rgb(75,32,0) | |
| 7 | #4c2100 | rgb(76,33,0) | |
| 8 | #4e2200 | rgb(78,34,0) | |
| 9 | #4f2200 | rgb(79,34,0) | |
| 10 | #512300 | rgb(81,35,0) | |
| 11 | #522400 | rgb(82,36,0) | |
| 12 | #542400 | rgb(84,36,0) | |
| 13 | #552500 | rgb(85,37,0) | |
| 14 | #572500 | rgb(87,37,0) | |
| 15 | #582600 | rgb(88,38,0) | |
| 16 | #5a2700 | rgb(90,39,0) | |
| 17 | #5b2700 | rgb(91,39,0) | |
| 18 | #5d2800 | rgb(93,40,0) | |
| 19 | #5e2900 | rgb(94,41,0) | |
| 20 | #602900 | rgb(96,41,0) | |
| 21 | #612a00 | rgb(97,42,0) | |
| 22 | #632b00 | rgb(99,43,0) | |
| 23 | #642b00 | rgb(100,43,0) | |
| 24 | #662c00 | rgb(102,44,0) | |
| 25 | #672d00 | rgb(103,45,0) | |
| 26 | #692d00 | rgb(105,45,0) | |
| 27 | #6a2e00 | rgb(106,46,0) | |
| 28 | #6c2e00 | rgb(108,46,0) | |
| 29 | #6d2f00 | rgb(109,47,0) | |
| 30 | #6e3000 | rgb(110,48,0) | |
| 31 | #703000 | rgb(112,48,0) | |
| 32 | #713100 | rgb(113,49,0) | |
| 33 | #733200 | rgb(115,50,0) | |
| 34 | #743200 | rgb(116,50,0) | |
| 35 | #763300 | rgb(118,51,0) | |
| 36 | #773400 | rgb(119,52,0) | |
| 37 | #793400 | rgb(121,52,0) | |
| 38 | #7a3500 | rgb(122,53,0) | |
| 39 | #7c3500 | rgb(124,53,0) | |
| 40 | #7d3600 | rgb(125,54,0) | |
| 41 | #7f3700 | rgb(127,55,0) | |
| 42 | #803700 | rgb(128,55,0) | |
| 43 | #823800 | rgb(130,56,0) | |
| 44 | #833900 | rgb(131,57,0) | |
| 45 | #853900 | rgb(133,57,0) | |
| 46 | #863a00 | rgb(134,58,0) | |
| 47 | #883b00 | rgb(136,59,0) | |
| 48 | #893b00 | rgb(137,59,0) | |
| 49 | #8b3c00 | rgb(139,60,0) | |
| 50 | #8c3d00 | rgb(140,61,0) | |
| 51 | #8e3d00 | rgb(142,61,0) | |
| 52 | #8f3e00 | rgb(143,62,0) | |
| 53 | #913e00 | rgb(145,62,0) | |
| 54 | #923f00 | rgb(146,63,0) | |
| 55 | #944000 | rgb(148,64,0) | |
| 56 | #954000 | rgb(149,64,0) | |
| 57 | #974100 | rgb(151,65,0) | |
| 58 | #984200 | rgb(152,66,0) | |
| 59 | #9a4200 | rgb(154,66,0) | |
| 60 | #9b4300 | rgb(155,67,0) | |
| 61 | #9c4400 | rgb(156,68,0) | |
| 62 | #9e4400 | rgb(158,68,0) | |
| 63 | #9f4500 | rgb(159,69,0) | |
| 64 | #a14500 | rgb(161,69,0) | |
| 65 | #a24600 | rgb(162,70,0) | |
| 66 | #a44700 | rgb(164,71,0) | |
| 67 | #a54700 | rgb(165,71,0) | |
| 68 | #a74800 | rgb(167,72,0) | |
| 69 | #a84900 | rgb(168,73,0) | |
| 70 | #aa4900 | rgb(170,73,0) | |
| 71 | #ab4a00 | rgb(171,74,0) | |
| 72 | #ad4b00 | rgb(173,75,0) | |
| 73 | #ae4b00 | rgb(174,75,0) | |
| 74 | #b04c00 | rgb(176,76,0) | |
| 75 | #b14d00 | rgb(177,77,0) | |
| 76 | #b34d00 | rgb(179,77,0) | |
| 77 | #b44e00 | rgb(180,78,0) | |
| 78 | #b64e00 | rgb(182,78,0) | |
| 79 | #b74f00 | rgb(183,79,0) | |
| 80 | #b95000 | rgb(185,80,0) | |
| 81 | #ba5000 | rgb(186,80,0) | |
| 82 | #bc5100 | rgb(188,81,0) | |
| 83 | #bd5200 | rgb(189,82,0) | |
| 84 | #bf5200 | rgb(191,82,0) | |
| 85 | #c05300 | rgb(192,83,0) | |
| 86 | #c25400 | rgb(194,84,0) | |
| 87 | #c35400 | rgb(195,84,0) | |
| 88 | #c55500 | rgb(197,85,0) | |
| 89 | #c65600 | rgb(198,86,0) |
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#843900，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
褐色背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有褐色背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多流行色背景圖推薦
流行色的背景圖
感謝您的瀏覽，希望這些褐色背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。