青褐免費背景圖分享86張｜支援線上直接下載
青褐背景素材展示牆
86張色調微變化的青褐圖片可作為網站底圖或社群模板背景使用，風格一致、色彩自然。
青褐背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：青褐-編號2-色號-#121a2a.png，方便您管理與分類使用。
青褐的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #090d15 | rgb(9,13,21) | |
| 2 | #090e16 | rgb(9,14,22) | |
| 3 | #0a0e16 | rgb(10,14,22) | |
| 4 | #0a0e17 | rgb(10,14,23) | |
| 5 | #0a0f17 | rgb(10,15,23) | |
| 6 | #0a0f18 | rgb(10,15,24) | |
| 7 | #0a0f18 | rgb(10,15,24) | |
| 8 | #0b0f19 | rgb(11,15,25) | |
| 9 | #0b1019 | rgb(11,16,25) | |
| 10 | #0b101a | rgb(11,16,26) | |
| 11 | #0b101a | rgb(11,16,26) | |
| 12 | #0c111b | rgb(12,17,27) | |
| 13 | #0c111b | rgb(12,17,27) | |
| 14 | #0c111c | rgb(12,17,28) | |
| 15 | #0c121c | rgb(12,18,28) | |
| 16 | #0c121d | rgb(12,18,29) | |
| 17 | #0d121d | rgb(13,18,29) | |
| 18 | #0d121e | rgb(13,18,30) | |
| 19 | #0d131e | rgb(13,19,30) | |
| 20 | #0d131f | rgb(13,19,31) | |
| 21 | #0d131f | rgb(13,19,31) | |
| 22 | #0e1420 | rgb(14,20,32) | |
| 23 | #0e1420 | rgb(14,20,32) | |
| 24 | #0e1421 | rgb(14,20,33) | |
| 25 | #0e1521 | rgb(14,21,33) | |
| 26 | #0e1522 | rgb(14,21,34) | |
| 27 | #0f1522 | rgb(15,21,34) | |
| 28 | #0f1523 | rgb(15,21,35) | |
| 29 | #0f1623 | rgb(15,22,35) | |
| 30 | #0f1624 | rgb(15,22,36) | |
| 31 | #0f1624 | rgb(15,22,36) | |
| 32 | #101725 | rgb(16,23,37) | |
| 33 | #101725 | rgb(16,23,37) | |
| 34 | #101726 | rgb(16,23,38) | |
| 35 | #101826 | rgb(16,24,38) | |
| 36 | #111827 | rgb(17,24,39) | |
| 37 | #111827 | rgb(17,24,39) | |
| 38 | #111828 | rgb(17,24,40) | |
| 39 | #111928 | rgb(17,25,40) | |
| 40 | #111929 | rgb(17,25,41) | |
| 41 | #121929 | rgb(18,25,41) | |
| 42 | #121a2a | rgb(18,26,42) | |
| 43 | #121a2a | rgb(18,26,42) | |
| 44 | #121a2a | rgb(18,26,42) | |
| 45 | #121b2b | rgb(18,27,43) | |
| 46 | #131b2b | rgb(19,27,43) | |
| 47 | #131b2c | rgb(19,27,44) | |
| 48 | #131c2c | rgb(19,28,44) | |
| 49 | #131c2d | rgb(19,28,45) | |
| 50 | #131c2d | rgb(19,28,45) | |
| 51 | #141c2e | rgb(20,28,46) | |
| 52 | #141d2e | rgb(20,29,46) | |
| 53 | #141d2f | rgb(20,29,47) | |
| 54 | #141d2f | rgb(20,29,47) | |
| 55 | #151e30 | rgb(21,30,48) | |
| 56 | #151e30 | rgb(21,30,48) | |
| 57 | #151e31 | rgb(21,30,49) | |
| 58 | #151f31 | rgb(21,31,49) | |
| 59 | #151f32 | rgb(21,31,50) | |
| 60 | #161f32 | rgb(22,31,50) | |
| 61 | #161f33 | rgb(22,31,51) | |
| 62 | #162033 | rgb(22,32,51) | |
| 63 | #162034 | rgb(22,32,52) | |
| 64 | #162034 | rgb(22,32,52) | |
| 65 | #172135 | rgb(23,33,53) | |
| 66 | #172135 | rgb(23,33,53) | |
| 67 | #172136 | rgb(23,33,54) | |
| 68 | #172236 | rgb(23,34,54) | |
| 69 | #172237 | rgb(23,34,55) | |
| 70 | #182237 | rgb(24,34,55) | |
| 71 | #182238 | rgb(24,34,56) | |
| 72 | #182338 | rgb(24,35,56) | |
| 73 | #182339 | rgb(24,35,57) | |
| 74 | #182339 | rgb(24,35,57) | |
| 75 | #19243a | rgb(25,36,58) | |
| 76 | #19243a | rgb(25,36,58) | |
| 77 | #19243b | rgb(25,36,59) | |
| 78 | #19253b | rgb(25,37,59) | |
| 79 | #1a253c | rgb(26,37,60) | |
| 80 | #1a253c | rgb(26,37,60) | |
| 81 | #1a253d | rgb(26,37,61) | |
| 82 | #1a263d | rgb(26,38,61) | |
| 83 | #1a263e | rgb(26,38,62) | |
| 84 | #1b263e | rgb(27,38,62) | |
| 85 | #1b273f | rgb(27,39,63) | |
| 86 | #1b273f | rgb(27,39,63) |
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#121a2a，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
青褐背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有青褐背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多流行色背景圖推薦
流行色的背景圖
感謝您的瀏覽，希望這些青褐背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。