苔綠免費背景圖分享83張｜支援線上直接下載
苔綠背景素材展示牆
83張色調微變化的苔綠圖片可作為網站底圖或社群模板背景使用，風格一致、色彩自然。
苔綠背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：苔綠-編號2-色號-#8A9A5B.png，方便您管理與分類使用。
苔綠的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #474f2f | rgb(71,79,47) | |
| 2 | #485130 | rgb(72,81,48) | |
| 3 | #4a5331 | rgb(74,83,49) | |
| 4 | #4c5432 | rgb(76,84,50) | |
| 5 | #4d5633 | rgb(77,86,51) | |
| 6 | #4f5834 | rgb(79,88,52) | |
| 7 | #515a35 | rgb(81,90,53) | |
| 8 | #525c36 | rgb(82,92,54) | |
| 9 | #545e37 | rgb(84,94,55) | |
| 10 | #566038 | rgb(86,96,56) | |
| 11 | #57613a | rgb(87,97,58) | |
| 12 | #59633b | rgb(89,99,59) | |
| 13 | #5b653c | rgb(91,101,60) | |
| 14 | #5c673d | rgb(92,103,61) | |
| 15 | #5e693e | rgb(94,105,62) | |
| 16 | #606b3f | rgb(96,107,63) | |
| 17 | #616d40 | rgb(97,109,64) | |
| 18 | #636e41 | rgb(99,110,65) | |
| 19 | #657042 | rgb(101,112,66) | |
| 20 | #667243 | rgb(102,114,67) | |
| 21 | #687445 | rgb(104,116,69) | |
| 22 | #6a7646 | rgb(106,118,70) | |
| 23 | #6b7847 | rgb(107,120,71) | |
| 24 | #6d7a48 | rgb(109,122,72) | |
| 25 | #6f7b49 | rgb(111,123,73) | |
| 26 | #707d4a | rgb(112,125,74) | |
| 27 | #727f4b | rgb(114,127,75) | |
| 28 | #74814c | rgb(116,129,76) | |
| 29 | #75834d | rgb(117,131,77) | |
| 30 | #77854e | rgb(119,133,78) | |
| 31 | #79874f | rgb(121,135,79) | |
| 32 | #7a8851 | rgb(122,136,81) | |
| 33 | #7c8a52 | rgb(124,138,82) | |
| 34 | #7e8c53 | rgb(126,140,83) | |
| 35 | #7f8e54 | rgb(127,142,84) | |
| 36 | #819055 | rgb(129,144,85) | |
| 37 | #839256 | rgb(131,146,86) | |
| 38 | #849457 | rgb(132,148,87) | |
| 39 | #869558 | rgb(134,149,88) | |
| 40 | #889759 | rgb(136,151,89) | |
| 41 | #89995a | rgb(137,153,90) | |
| 42 | #8b9b5c | rgb(139,155,92) | |
| 43 | #8c9d5d | rgb(140,157,93) | |
| 44 | #8e9f5e | rgb(142,159,94) | |
| 45 | #90a05f | rgb(144,160,95) | |
| 46 | #91a260 | rgb(145,162,96) | |
| 47 | #93a461 | rgb(147,164,97) | |
| 48 | #95a662 | rgb(149,166,98) | |
| 49 | #96a863 | rgb(150,168,99) | |
| 50 | #98aa64 | rgb(152,170,100) | |
| 51 | #9aac65 | rgb(154,172,101) | |
| 52 | #9bad67 | rgb(155,173,103) | |
| 53 | #9daf68 | rgb(157,175,104) | |
| 54 | #9fb169 | rgb(159,177,105) | |
| 55 | #a0b36a | rgb(160,179,106) | |
| 56 | #a2b56b | rgb(162,181,107) | |
| 57 | #a4b76c | rgb(164,183,108) | |
| 58 | #a5b96d | rgb(165,185,109) | |
| 59 | #a7ba6e | rgb(167,186,110) | |
| 60 | #a9bc6f | rgb(169,188,111) | |
| 61 | #aabe70 | rgb(170,190,112) | |
| 62 | #acc071 | rgb(172,192,113) | |
| 63 | #aec273 | rgb(174,194,115) | |
| 64 | #afc474 | rgb(175,196,116) | |
| 65 | #b1c675 | rgb(177,198,117) | |
| 66 | #b3c776 | rgb(179,199,118) | |
| 67 | #b4c977 | rgb(180,201,119) | |
| 68 | #b6cb78 | rgb(182,203,120) | |
| 69 | #b8cd79 | rgb(184,205,121) | |
| 70 | #b9cf7a | rgb(185,207,122) | |
| 71 | #bbd17b | rgb(187,209,123) | |
| 72 | #bdd37c | rgb(189,211,124) | |
| 73 | #bed47e | rgb(190,212,126) | |
| 74 | #c0d67f | rgb(192,214,127) | |
| 75 | #c2d880 | rgb(194,216,128) | |
| 76 | #c3da81 | rgb(195,218,129) | |
| 77 | #c5dc82 | rgb(197,220,130) | |
| 78 | #c7de83 | rgb(199,222,131) | |
| 79 | #c8e084 | rgb(200,224,132) | |
| 80 | #cae185 | rgb(202,225,133) | |
| 81 | #cce386 | rgb(204,227,134) | |
| 82 | #cde587 | rgb(205,229,135) | |
| 83 | #cfe789 | rgb(207,231,137) |
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#8A9A5B，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
苔綠背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有苔綠背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多時尚色背景圖推薦
時尚色的背景圖
感謝您的瀏覽，希望這些苔綠背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。