94張高品質塗層灰背景圖線上看與下載

塗層灰背景圖預覽

塗層灰色彩梯度背景圖下載

此系列共94張,呈現塗層灰色彩從亮色系到深色系的完整光感與漸層。


塗層灰背景圖下載方式

所有圖片皆為 PNG 無壓縮格式,點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名,例如:塗層灰-編號2-色號-#B0C4DE.png,方便您管理與分類使用。

塗層灰背景圖編號: 1 色號: #5a6471
塗層灰 編號: 1 — 色號: #5a6471

塗層灰背景圖編號: 2 色號: #5c6674
塗層灰 編號: 2 — 色號: #5c6674

塗層灰背景圖編號: 3 色號: #5e6876
塗層灰 編號: 3 — 色號: #5e6876

塗層灰背景圖編號: 4 色號: #5f6a78
塗層灰 編號: 4 — 色號: #5f6a78

塗層灰背景圖編號: 5 色號: #616c7b
塗層灰 編號: 5 — 色號: #616c7b

塗層灰背景圖編號: 6 色號: #636f7d
塗層灰 編號: 6 — 色號: #636f7d

塗層灰背景圖編號: 7 色號: #657180
塗層灰 編號: 7 — 色號: #657180

塗層灰背景圖編號: 8 色號: #677382
塗層灰 編號: 8 — 色號: #677382

塗層灰背景圖編號: 9 色號: #697584
塗層灰 編號: 9 — 色號: #697584

塗層灰背景圖編號: 10 色號: #6b7787
塗層灰 編號: 10 — 色號: #6b7787

塗層灰背景圖編號: 11 色號: #6d7989
塗層灰 編號: 11 — 色號: #6d7989

塗層灰背景圖編號: 12 色號: #6e7b8b
塗層灰 編號: 12 — 色號: #6e7b8b

塗層灰背景圖編號: 13 色號: #707d8e
塗層灰 編號: 13 — 色號: #707d8e

塗層灰背景圖編號: 14 色號: #727f90
塗層灰 編號: 14 — 色號: #727f90

塗層灰背景圖編號: 15 色號: #748192
塗層灰 編號: 15 — 色號: #748192

塗層灰背景圖編號: 16 色號: #768395
塗層灰 編號: 16 — 色號: #768395

塗層灰背景圖編號: 17 色號: #788597
塗層灰 編號: 17 — 色號: #788597

塗層灰背景圖編號: 18 色號: #7a889a
塗層灰 編號: 18 — 色號: #7a889a

塗層灰背景圖編號: 19 色號: #7c8a9c
塗層灰 編號: 19 — 色號: #7c8a9c

塗層灰背景圖編號: 20 色號: #7d8c9e
塗層灰 編號: 20 — 色號: #7d8c9e

塗層灰背景圖編號: 21 色號: #7f8ea1
塗層灰 編號: 21 — 色號: #7f8ea1

塗層灰背景圖編號: 22 色號: #8190a3
塗層灰 編號: 22 — 色號: #8190a3

塗層灰背景圖編號: 23 色號: #8392a5
塗層灰 編號: 23 — 色號: #8392a5

塗層灰背景圖編號: 24 色號: #8594a8
塗層灰 編號: 24 — 色號: #8594a8

塗層灰背景圖編號: 25 色號: #8796aa
塗層灰 編號: 25 — 色號: #8796aa

塗層灰背景圖編號: 26 色號: #8998ac
塗層灰 編號: 26 — 色號: #8998ac

塗層灰背景圖編號: 27 色號: #8b9aaf
塗層灰 編號: 27 — 色號: #8b9aaf

塗層灰背景圖編號: 28 色號: #8c9cb1
塗層灰 編號: 28 — 色號: #8c9cb1

塗層灰背景圖編號: 29 色號: #8e9eb3
塗層灰 編號: 29 — 色號: #8e9eb3

塗層灰背景圖編號: 30 色號: #90a1b6
塗層灰 編號: 30 — 色號: #90a1b6

塗層灰背景圖編號: 31 色號: #92a3b8
塗層灰 編號: 31 — 色號: #92a3b8

塗層灰背景圖編號: 32 色號: #94a5bb
塗層灰 編號: 32 — 色號: #94a5bb

塗層灰背景圖編號: 33 色號: #96a7bd
塗層灰 編號: 33 — 色號: #96a7bd

塗層灰背景圖編號: 34 色號: #98a9bf
塗層灰 編號: 34 — 色號: #98a9bf

塗層灰背景圖編號: 35 色號: #9aabc2
塗層灰 編號: 35 — 色號: #9aabc2

塗層灰背景圖編號: 36 色號: #9badc4
塗層灰 編號: 36 — 色號: #9badc4

塗層灰背景圖編號: 37 色號: #9dafc6
塗層灰 編號: 37 — 色號: #9dafc6

塗層灰背景圖編號: 38 色號: #9fb1c9
塗層灰 編號: 38 — 色號: #9fb1c9

塗層灰背景圖編號: 39 色號: #a1b3cb
塗層灰 編號: 39 — 色號: #a1b3cb

塗層灰背景圖編號: 40 色號: #a3b5cd
塗層灰 編號: 40 — 色號: #a3b5cd

塗層灰背景圖編號: 41 色號: #a5b7d0
塗層灰 編號: 41 — 色號: #a5b7d0

塗層灰背景圖編號: 42 色號: #a7bad2
塗層灰 編號: 42 — 色號: #a7bad2

塗層灰背景圖編號: 43 色號: #a9bcd5
塗層灰 編號: 43 — 色號: #a9bcd5

塗層灰背景圖編號: 44 色號: #aabed7
塗層灰 編號: 44 — 色號: #aabed7

塗層灰背景圖編號: 45 色號: #acc0d9
塗層灰 編號: 45 — 色號: #acc0d9

塗層灰背景圖編號: 46 色號: #aec2dc
塗層灰 編號: 46 — 色號: #aec2dc

塗層灰背景圖編號: 47 色號: #b0c4de
塗層灰 編號: 47 — 色號: #b0c4de

塗層灰背景圖編號: 48 色號: #b2c6e0
塗層灰 編號: 48 — 色號: #b2c6e0

塗層灰背景圖編號: 49 色號: #b4c8e3
塗層灰 編號: 49 — 色號: #b4c8e3

塗層灰背景圖編號: 50 色號: #b6cae5
塗層灰 編號: 50 — 色號: #b6cae5

塗層灰背景圖編號: 51 色號: #b7cce7
塗層灰 編號: 51 — 色號: #b7cce7

塗層灰背景圖編號: 52 色號: #b9ceea
塗層灰 編號: 52 — 色號: #b9ceea

塗層灰背景圖編號: 53 色號: #bbd1ec
塗層灰 編號: 53 — 色號: #bbd1ec

塗層灰背景圖編號: 54 色號: #bdd3ef
塗層灰 編號: 54 — 色號: #bdd3ef

塗層灰背景圖編號: 55 色號: #bfd5f1
塗層灰 編號: 55 — 色號: #bfd5f1

塗層灰背景圖編號: 56 色號: #c1d7f3
塗層灰 編號: 56 — 色號: #c1d7f3

塗層灰背景圖編號: 57 色號: #c3d9f6
塗層灰 編號: 57 — 色號: #c3d9f6

塗層灰背景圖編號: 58 色號: #c5dbf8
塗層灰 編號: 58 — 色號: #c5dbf8

系統原預計產生 94 張背景圖,實際產生 58 張。由於第 59 張起顏色與白色或黑色過於接近,因此後續已省略顯示。

塗層灰的色碼總覽(HEX 與 RGB)

編號 色塊 色碼(HEX) RGB
1#5a6471rgb(90,100,113)
2#5c6674rgb(92,102,116)
3#5e6876rgb(94,104,118)
4#5f6a78rgb(95,106,120)
5#616c7brgb(97,108,123)
6#636f7drgb(99,111,125)
7#657180rgb(101,113,128)
8#677382rgb(103,115,130)
9#697584rgb(105,117,132)
10#6b7787rgb(107,119,135)
11#6d7989rgb(109,121,137)
12#6e7b8brgb(110,123,139)
13#707d8ergb(112,125,142)
14#727f90rgb(114,127,144)
15#748192rgb(116,129,146)
16#768395rgb(118,131,149)
17#788597rgb(120,133,151)
18#7a889argb(122,136,154)
19#7c8a9crgb(124,138,156)
20#7d8c9ergb(125,140,158)
21#7f8ea1rgb(127,142,161)
22#8190a3rgb(129,144,163)
23#8392a5rgb(131,146,165)
24#8594a8rgb(133,148,168)
25#8796aargb(135,150,170)
26#8998acrgb(137,152,172)
27#8b9aafrgb(139,154,175)
28#8c9cb1rgb(140,156,177)
29#8e9eb3rgb(142,158,179)
30#90a1b6rgb(144,161,182)
31#92a3b8rgb(146,163,184)
32#94a5bbrgb(148,165,187)
33#96a7bdrgb(150,167,189)
34#98a9bfrgb(152,169,191)
35#9aabc2rgb(154,171,194)
36#9badc4rgb(155,173,196)
37#9dafc6rgb(157,175,198)
38#9fb1c9rgb(159,177,201)
39#a1b3cbrgb(161,179,203)
40#a3b5cdrgb(163,181,205)
41#a5b7d0rgb(165,183,208)
42#a7bad2rgb(167,186,210)
43#a9bcd5rgb(169,188,213)
44#aabed7rgb(170,190,215)
45#acc0d9rgb(172,192,217)
46#aec2dcrgb(174,194,220)
47#b0c4dergb(176,196,222)
48#b2c6e0rgb(178,198,224)
49#b4c8e3rgb(180,200,227)
50#b6cae5rgb(182,202,229)
51#b7cce7rgb(183,204,231)
52#b9ceeargb(185,206,234)
53#bbd1ecrgb(187,209,236)
54#bdd3efrgb(189,211,239)
55#bfd5f1rgb(191,213,241)
56#c1d7f3rgb(193,215,243)
57#c3d9f6rgb(195,217,246)
58#c5dbf8rgb(197,219,248)

原預計顯示 94 組色碼,但從第 59 筆開始已接近純白或純黑,因此省略重複的色碼。


色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEXRGB

  • HEX 色碼 是以十六進位表示顏色,例如 #B0C4DE,是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。
  • RGB 色碼 則是用三組數值分別代表紅(Red)、綠(Green)、藍(Blue)的光強度,例如 rgb(255, 69, 0),適合需要動態調整色彩或使用 JavaScript 控制的情境。

無論您是設計師還是開發者,了解 HEX 與 RGB 的色碼表示方式,能夠更準確地控制畫面色彩與風格。在下方表格中,您可以點擊任一 HEX 或 RGB 色碼,即可快速複製使用。


塗層灰背景圖的使用建議

  • 網站或部落格頁面背景設計
  • 簡報投影片與視覺設計
  • 桌布、手機背景圖、封面模板
  • 商品圖修圖背景

是否可以免費商業用途?

是的,所有塗層灰背景圖皆為免版權素材,您可自由下載並使用於個人或商業用途。


更多工業色背景圖推薦

工業色的背景圖

鋼鐵灰機械藍
鐵銹紅工業綠
鋁合金銀機械黑
工程黃管道灰
工廠白塗層藍
橡膠黑鍍鋅灰
煤炭黑油漆紅
渦輪藍鋼板灰
工業黃焊接藍
鐵灰機床綠
銅棕鍛鐵黑
防鏽紅鋼筋灰
鉛白電鍍藍
焊接灰工業橙
化工藍鋼材灰
焊條紅防腐綠
鑄鐵黑塗層灰
液壓藍工業銀
機械棕錫灰
管道藍渦輪灰
銅管紅鉻銀
工業棕工程藍
機床灰防護黃
焊縫藍工業黑
高壓藍工業白
鉛灰化工黃
銅黃工程紅
鋼青機械灰
鉚釘灰電纜黑
塗裝紅防護綠
鋼材藍鑄鐵灰
油漆黑焊工藍
工業灰鍛造黑
機床藍工程銀
鋼鐵紅焊接黑
防銹灰電鍍銀
鍍鋅藍焊接銀


感謝您的瀏覽,希望這些塗層灰背景圖能為您帶來更多創作靈感!記得收藏本站以便日後查找更多免費商用圖。

關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途,純屬娛樂好玩和增加靈感。