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 色碼,即可快速複製使用。


冷灰色背景圖的使用建議

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

是否可以免費商業用途?

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


更多中性色背景圖推薦

中性色的背景圖

象牙白米色
亞麻色駝色
沙色卡其色
石灰色銀灰色
鉛灰色煙灰色
煤黑色淡褐色
淡灰色木炭色
暖灰色深灰色
栗色薩摩亞色
灰白色煤灰色
乳白色骨白色
灰藍色炭灰色
珍珠色雲白色
奶油色褐灰色
米黃色灰色
灰棕色金灰色
巧克力色暖白色
深卡其色鉛色
淺灰色煙色
沙棕色奶黃色
乳黃色花崗岩色
米灰色象牙色
淺灰褐色灰褐色
土色沙灰色
古董白灰泥色
淺灰棕色亮灰色
石灰白骨灰色
沙白色冷灰色


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

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