霧霾藍免費背景圖分享84張｜支援線上直接下載
霧霾藍背景素材展示牆
84張色調微變化的霧霾藍圖片可作為網站底圖或社群模板背景使用，風格一致、色彩自然。
霧霾藍背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：霧霾藍-編號2-色號-#708090.png，方便您管理與分類使用。
霧霾藍的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #39424a | rgb(57,66,74) | |
| 2 | #3b434b | rgb(59,67,75) | |
| 3 | #3c454d | rgb(60,69,77) | |
| 4 | #3d464f | rgb(61,70,79) | |
| 5 | #3f4851 | rgb(63,72,81) | |
| 6 | #404952 | rgb(64,73,82) | |
| 7 | #414b54 | rgb(65,75,84) | |
| 8 | #434c56 | rgb(67,76,86) | |
| 9 | #444e57 | rgb(68,78,87) | |
| 10 | #454f59 | rgb(69,79,89) | |
| 11 | #47515b | rgb(71,81,91) | |
| 12 | #48525d | rgb(72,82,93) | |
| 13 | #49545e | rgb(73,84,94) | |
| 14 | #4b5560 | rgb(75,85,96) | |
| 15 | #4c5762 | rgb(76,87,98) | |
| 16 | #4d5863 | rgb(77,88,99) | |
| 17 | #4f5a65 | rgb(79,90,101) | |
| 18 | #505b67 | rgb(80,91,103) | |
| 19 | #515d69 | rgb(81,93,105) | |
| 20 | #535e6a | rgb(83,94,106) | |
| 21 | #54606c | rgb(84,96,108) | |
| 22 | #55626e | rgb(85,98,110) | |
| 23 | #57636f | rgb(87,99,111) | |
| 24 | #586571 | rgb(88,101,113) | |
| 25 | #596673 | rgb(89,102,115) | |
| 26 | #5b6875 | rgb(91,104,117) | |
| 27 | #5c6976 | rgb(92,105,118) | |
| 28 | #5d6b78 | rgb(93,107,120) | |
| 29 | #5f6c7a | rgb(95,108,122) | |
| 30 | #606e7b | rgb(96,110,123) | |
| 31 | #616f7d | rgb(97,111,125) | |
| 32 | #63717f | rgb(99,113,127) | |
| 33 | #647281 | rgb(100,114,129) | |
| 34 | #657482 | rgb(101,116,130) | |
| 35 | #677584 | rgb(103,117,132) | |
| 36 | #687786 | rgb(104,119,134) | |
| 37 | #697887 | rgb(105,120,135) | |
| 38 | #6b7a89 | rgb(107,122,137) | |
| 39 | #6c7b8b | rgb(108,123,139) | |
| 40 | #6d7d8d | rgb(109,125,141) | |
| 41 | #6f7e8e | rgb(111,126,142) | |
| 42 | #708090 | rgb(112,128,144) | |
| 43 | #718292 | rgb(113,130,146) | |
| 44 | #738393 | rgb(115,131,147) | |
| 45 | #748595 | rgb(116,133,149) | |
| 46 | #758697 | rgb(117,134,151) | |
| 47 | #778899 | rgb(119,136,153) | |
| 48 | #78899a | rgb(120,137,154) | |
| 49 | #798b9c | rgb(121,139,156) | |
| 50 | #7b8c9e | rgb(123,140,158) | |
| 51 | #7c8e9f | rgb(124,142,159) | |
| 52 | #7d8fa1 | rgb(125,143,161) | |
| 53 | #7f91a3 | rgb(127,145,163) | |
| 54 | #8092a5 | rgb(128,146,165) | |
| 55 | #8194a6 | rgb(129,148,166) | |
| 56 | #8395a8 | rgb(131,149,168) | |
| 57 | #8497aa | rgb(132,151,170) | |
| 58 | #8598ab | rgb(133,152,171) | |
| 59 | #879aad | rgb(135,154,173) | |
| 60 | #889baf | rgb(136,155,175) | |
| 61 | #899db1 | rgb(137,157,177) | |
| 62 | #8b9eb2 | rgb(139,158,178) | |
| 63 | #8ca0b4 | rgb(140,160,180) | |
| 64 | #8da2b6 | rgb(141,162,182) | |
| 65 | #8fa3b7 | rgb(143,163,183) | |
| 66 | #90a5b9 | rgb(144,165,185) | |
| 67 | #91a6bb | rgb(145,166,187) | |
| 68 | #93a8bd | rgb(147,168,189) | |
| 69 | #94a9be | rgb(148,169,190) | |
| 70 | #95abc0 | rgb(149,171,192) | |
| 71 | #97acc2 | rgb(151,172,194) | |
| 72 | #98aec3 | rgb(152,174,195) | |
| 73 | #99afc5 | rgb(153,175,197) | |
| 74 | #9bb1c7 | rgb(155,177,199) | |
| 75 | #9cb2c9 | rgb(156,178,201) | |
| 76 | #9db4ca | rgb(157,180,202) | |
| 77 | #9fb5cc | rgb(159,181,204) | |
| 78 | #a0b7ce | rgb(160,183,206) | |
| 79 | #a1b8cf | rgb(161,184,207) | |
| 80 | #a3bad1 | rgb(163,186,209) | |
| 81 | #a4bbd3 | rgb(164,187,211) | |
| 82 | #a5bdd5 | rgb(165,189,213) | |
| 83 | #a7bed6 | rgb(167,190,214) | |
| 84 | #a8c0d8 | rgb(168,192,216) |
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#708090，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
霧霾藍背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有霧霾藍背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多設計色背景圖推薦
設計色的背景圖
感謝您的瀏覽，希望這些霧霾藍背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。