亮橄欖免費背景圖分享84張｜支援線上直接下載
亮橄欖背景素材展示牆
84張色調微變化的亮橄欖圖片可作為網站底圖或社群模板背景使用，風格一致、色彩自然。
亮橄欖背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：亮橄欖-編號2-色號-#6B8E23.png，方便您管理與分類使用。
亮橄欖的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #374912 | rgb(55,73,18) | |
| 2 | #384a12 | rgb(56,74,18) | |
| 3 | #394c13 | rgb(57,76,19) | |
| 4 | #3b4e13 | rgb(59,78,19) | |
| 5 | #3c4f14 | rgb(60,79,20) | |
| 6 | #3d5114 | rgb(61,81,20) | |
| 7 | #3e5314 | rgb(62,83,20) | |
| 8 | #405515 | rgb(64,85,21) | |
| 9 | #415615 | rgb(65,86,21) | |
| 10 | #425816 | rgb(66,88,22) | |
| 11 | #445a16 | rgb(68,90,22) | |
| 12 | #455b17 | rgb(69,91,23) | |
| 13 | #465d17 | rgb(70,93,23) | |
| 14 | #475f17 | rgb(71,95,23) | |
| 15 | #496018 | rgb(73,96,24) | |
| 16 | #4a6218 | rgb(74,98,24) | |
| 17 | #4b6419 | rgb(75,100,25) | |
| 18 | #4c6519 | rgb(76,101,25) | |
| 19 | #4e6719 | rgb(78,103,25) | |
| 20 | #4f691a | rgb(79,105,26) | |
| 21 | #506b1a | rgb(80,107,26) | |
| 22 | #526c1b | rgb(82,108,27) | |
| 23 | #536e1b | rgb(83,110,27) | |
| 24 | #54701c | rgb(84,112,28) | |
| 25 | #55711c | rgb(85,113,28) | |
| 26 | #57731c | rgb(87,115,28) | |
| 27 | #58751d | rgb(88,117,29) | |
| 28 | #59761d | rgb(89,118,29) | |
| 29 | #5a781e | rgb(90,120,30) | |
| 30 | #5c7a1e | rgb(92,122,30) | |
| 31 | #5d7b1e | rgb(93,123,30) | |
| 32 | #5e7d1f | rgb(94,125,31) | |
| 33 | #607f1f | rgb(96,127,31) | |
| 34 | #618020 | rgb(97,128,32) | |
| 35 | #628220 | rgb(98,130,32) | |
| 36 | #638421 | rgb(99,132,33) | |
| 37 | #658621 | rgb(101,134,33) | |
| 38 | #668721 | rgb(102,135,33) | |
| 39 | #678922 | rgb(103,137,34) | |
| 40 | #688b22 | rgb(104,139,34) | |
| 41 | #6a8c23 | rgb(106,140,35) | |
| 42 | #6b8e23 | rgb(107,142,35) | |
| 43 | #6c9023 | rgb(108,144,35) | |
| 44 | #6e9124 | rgb(110,145,36) | |
| 45 | #6f9324 | rgb(111,147,36) | |
| 46 | #709525 | rgb(112,149,37) | |
| 47 | #719625 | rgb(113,150,37) | |
| 48 | #739826 | rgb(115,152,38) | |
| 49 | #749a26 | rgb(116,154,38) | |
| 50 | #759c26 | rgb(117,156,38) | |
| 51 | #769d27 | rgb(118,157,39) | |
| 52 | #789f27 | rgb(120,159,39) | |
| 53 | #79a128 | rgb(121,161,40) | |
| 54 | #7aa228 | rgb(122,162,40) | |
| 55 | #7ca428 | rgb(124,164,40) | |
| 56 | #7da629 | rgb(125,166,41) | |
| 57 | #7ea729 | rgb(126,167,41) | |
| 58 | #7fa92a | rgb(127,169,42) | |
| 59 | #81ab2a | rgb(129,171,42) | |
| 60 | #82ac2b | rgb(130,172,43) | |
| 61 | #83ae2b | rgb(131,174,43) | |
| 62 | #84b02b | rgb(132,176,43) | |
| 63 | #86b22c | rgb(134,178,44) | |
| 64 | #87b32c | rgb(135,179,44) | |
| 65 | #88b52d | rgb(136,181,45) | |
| 66 | #8ab72d | rgb(138,183,45) | |
| 67 | #8bb82d | rgb(139,184,45) | |
| 68 | #8cba2e | rgb(140,186,46) | |
| 69 | #8dbc2e | rgb(141,188,46) | |
| 70 | #8fbd2f | rgb(143,189,47) | |
| 71 | #90bf2f | rgb(144,191,47) | |
| 72 | #91c130 | rgb(145,193,48) | |
| 73 | #92c230 | rgb(146,194,48) | |
| 74 | #94c430 | rgb(148,196,48) | |
| 75 | #95c631 | rgb(149,198,49) | |
| 76 | #96c731 | rgb(150,199,49) | |
| 77 | #98c932 | rgb(152,201,50) | |
| 78 | #99cb32 | rgb(153,203,50) | |
| 79 | #9acd32 | rgb(154,205,50) | |
| 80 | #9bce33 | rgb(155,206,51) | |
| 81 | #9dd033 | rgb(157,208,51) | |
| 82 | #9ed234 | rgb(158,210,52) | |
| 83 | #9fd334 | rgb(159,211,52) | |
| 84 | #a1d535 | rgb(161,213,53) |
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#6B8E23，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
亮橄欖背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有亮橄欖背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多亮色系背景圖推薦
亮色系的背景圖
感謝您的瀏覽，希望這些亮橄欖背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。