灰色免費背景圖分享84張｜支援線上直接下載
灰色背景素材展示牆
84張色調微變化的灰色圖片可作為網站底圖或社群模板背景使用，風格一致、色彩自然。
灰色背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：灰色-編號2-色號-#808080.png，方便您管理與分類使用。
灰色的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #424242 | rgb(66,66,66) | |
| 2 | #434343 | rgb(67,67,67) | |
| 3 | #454545 | rgb(69,69,69) | |
| 4 | #464646 | rgb(70,70,70) | |
| 5 | #484848 | rgb(72,72,72) | |
| 6 | #494949 | rgb(73,73,73) | |
| 7 | #4b4b4b | rgb(75,75,75) | |
| 8 | #4c4c4c | rgb(76,76,76) | |
| 9 | #4e4e4e | rgb(78,78,78) | |
| 10 | #4f4f4f | rgb(79,79,79) | |
| 11 | #515151 | rgb(81,81,81) | |
| 12 | #525252 | rgb(82,82,82) | |
| 13 | #545454 | rgb(84,84,84) | |
| 14 | #555555 | rgb(85,85,85) | |
| 15 | #575757 | rgb(87,87,87) | |
| 16 | #585858 | rgb(88,88,88) | |
| 17 | #5a5a5a | rgb(90,90,90) | |
| 18 | #5b5b5b | rgb(91,91,91) | |
| 19 | #5d5d5d | rgb(93,93,93) | |
| 20 | #5e5e5e | rgb(94,94,94) | |
| 21 | #606060 | rgb(96,96,96) | |
| 22 | #626262 | rgb(98,98,98) | |
| 23 | #636363 | rgb(99,99,99) | |
| 24 | #656565 | rgb(101,101,101) | |
| 25 | #666666 | rgb(102,102,102) | |
| 26 | #686868 | rgb(104,104,104) | |
| 27 | #696969 | rgb(105,105,105) | |
| 28 | #6b6b6b | rgb(107,107,107) | |
| 29 | #6c6c6c | rgb(108,108,108) | |
| 30 | #6e6e6e | rgb(110,110,110) | |
| 31 | #6f6f6f | rgb(111,111,111) | |
| 32 | #717171 | rgb(113,113,113) | |
| 33 | #727272 | rgb(114,114,114) | |
| 34 | #747474 | rgb(116,116,116) | |
| 35 | #757575 | rgb(117,117,117) | |
| 36 | #777777 | rgb(119,119,119) | |
| 37 | #787878 | rgb(120,120,120) | |
| 38 | #7a7a7a | rgb(122,122,122) | |
| 39 | #7b7b7b | rgb(123,123,123) | |
| 40 | #7d7d7d | rgb(125,125,125) | |
| 41 | #7e7e7e | rgb(126,126,126) | |
| 42 | #808080 | rgb(128,128,128) | |
| 43 | #828282 | rgb(130,130,130) | |
| 44 | #838383 | rgb(131,131,131) | |
| 45 | #858585 | rgb(133,133,133) | |
| 46 | #868686 | rgb(134,134,134) | |
| 47 | #888888 | rgb(136,136,136) | |
| 48 | #898989 | rgb(137,137,137) | |
| 49 | #8b8b8b | rgb(139,139,139) | |
| 50 | #8c8c8c | rgb(140,140,140) | |
| 51 | #8e8e8e | rgb(142,142,142) | |
| 52 | #8f8f8f | rgb(143,143,143) | |
| 53 | #919191 | rgb(145,145,145) | |
| 54 | #929292 | rgb(146,146,146) | |
| 55 | #949494 | rgb(148,148,148) | |
| 56 | #959595 | rgb(149,149,149) | |
| 57 | #979797 | rgb(151,151,151) | |
| 58 | #989898 | rgb(152,152,152) | |
| 59 | #9a9a9a | rgb(154,154,154) | |
| 60 | #9b9b9b | rgb(155,155,155) | |
| 61 | #9d9d9d | rgb(157,157,157) | |
| 62 | #9e9e9e | rgb(158,158,158) | |
| 63 | #a0a0a0 | rgb(160,160,160) | |
| 64 | #a2a2a2 | rgb(162,162,162) | |
| 65 | #a3a3a3 | rgb(163,163,163) | |
| 66 | #a5a5a5 | rgb(165,165,165) | |
| 67 | #a6a6a6 | rgb(166,166,166) | |
| 68 | #a8a8a8 | rgb(168,168,168) | |
| 69 | #a9a9a9 | rgb(169,169,169) | |
| 70 | #ababab | rgb(171,171,171) | |
| 71 | #acacac | rgb(172,172,172) | |
| 72 | #aeaeae | rgb(174,174,174) | |
| 73 | #afafaf | rgb(175,175,175) | |
| 74 | #b1b1b1 | rgb(177,177,177) | |
| 75 | #b2b2b2 | rgb(178,178,178) | |
| 76 | #b4b4b4 | rgb(180,180,180) | |
| 77 | #b5b5b5 | rgb(181,181,181) | |
| 78 | #b7b7b7 | rgb(183,183,183) | |
| 79 | #b8b8b8 | rgb(184,184,184) | |
| 80 | #bababa | rgb(186,186,186) | |
| 81 | #bbbbbb | rgb(187,187,187) | |
| 82 | #bdbdbd | rgb(189,189,189) | |
| 83 | #bebebe | rgb(190,190,190) | |
| 84 | #c0c0c0 | rgb(192,192,192) |
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#808080，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
灰色背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有灰色背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多常用色背景圖推薦
常用色的背景圖
感謝您的瀏覽，希望這些灰色背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。