62張灰色背景圖庫免費開放使用｜PNG格式下載
探索灰色的背景色彩組合
這62張圖片展示了灰色色從亮到暗的視覺效果，是設計師不可或缺的素材資料庫。
灰色背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：灰色-編號2-色號-#77787b.png，方便您管理與分類使用。
灰色的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #3d3e3f | rgb(61,62,63) | |
| 2 | #3f4041 | rgb(63,64,65) | |
| 3 | #414243 | rgb(65,66,67) | |
| 4 | #434445 | rgb(67,68,69) | |
| 5 | #454647 | rgb(69,70,71) | |
| 6 | #474849 | rgb(71,72,73) | |
| 7 | #494a4b | rgb(73,74,75) | |
| 8 | #4b4b4d | rgb(75,75,77) | |
| 9 | #4d4d4f | rgb(77,77,79) | |
| 10 | #4f4f51 | rgb(79,79,81) | |
| 11 | #515153 | rgb(81,81,83) | |
| 12 | #535355 | rgb(83,83,85) | |
| 13 | #545557 | rgb(84,85,87) | |
| 14 | #565759 | rgb(86,87,89) | |
| 15 | #58595b | rgb(88,89,91) | |
| 16 | #5a5b5d | rgb(90,91,93) | |
| 17 | #5c5d5f | rgb(92,93,95) | |
| 18 | #5e5f61 | rgb(94,95,97) | |
| 19 | #606163 | rgb(96,97,99) | |
| 20 | #626365 | rgb(98,99,101) | |
| 21 | #646567 | rgb(100,101,103) | |
| 22 | #666769 | rgb(102,103,105) | |
| 23 | #68696b | rgb(104,105,107) | |
| 24 | #6a6a6d | rgb(106,106,109) | |
| 25 | #6b6c6f | rgb(107,108,111) | |
| 26 | #6d6e71 | rgb(109,110,113) | |
| 27 | #6f7073 | rgb(111,112,115) | |
| 28 | #717275 | rgb(113,114,117) | |
| 29 | #737477 | rgb(115,116,119) | |
| 30 | #757679 | rgb(117,118,121) | |
| 31 | #77787b | rgb(119,120,123) | |
| 32 | #797a7d | rgb(121,122,125) | |
| 33 | #7b7c7f | rgb(123,124,127) | |
| 34 | #7d7e81 | rgb(125,126,129) | |
| 35 | #7f8083 | rgb(127,128,131) | |
| 36 | #818285 | rgb(129,130,133) | |
| 37 | #838487 | rgb(131,132,135) | |
| 38 | #848689 | rgb(132,134,137) | |
| 39 | #86878b | rgb(134,135,139) | |
| 40 | #88898d | rgb(136,137,141) | |
| 41 | #8a8b8f | rgb(138,139,143) | |
| 42 | #8c8d91 | rgb(140,141,145) | |
| 43 | #8e8f93 | rgb(142,143,147) | |
| 44 | #909195 | rgb(144,145,149) | |
| 45 | #929397 | rgb(146,147,151) | |
| 46 | #949599 | rgb(148,149,153) | |
| 47 | #96979b | rgb(150,151,155) | |
| 48 | #98999d | rgb(152,153,157) | |
| 49 | #9a9b9f | rgb(154,155,159) | |
| 50 | #9b9da1 | rgb(155,157,161) | |
| 51 | #9d9fa3 | rgb(157,159,163) | |
| 52 | #9fa1a5 | rgb(159,161,165) | |
| 53 | #a1a3a7 | rgb(161,163,167) | |
| 54 | #a3a5a9 | rgb(163,165,169) | |
| 55 | #a5a6ab | rgb(165,166,171) | |
| 56 | #a7a8ad | rgb(167,168,173) | |
| 57 | #a9aaaf | rgb(169,170,175) | |
| 58 | #abacb1 | rgb(171,172,177) | |
| 59 | #adaeb3 | rgb(173,174,179) | |
| 60 | #afb0b5 | rgb(175,176,181) | |
| 61 | #b1b2b7 | rgb(177,178,183) | |
| 62 | #b3b4b9 | rgb(179,180,185) |
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#77787b，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
灰色背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有灰色背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多流行色背景圖推薦
流行色的背景圖
感謝您的瀏覽，希望這些灰色背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。