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


冷青灰背景圖的使用建議

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

是否可以免費商業用途?

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


更多冷色系背景圖推薦

冷色系的背景圖

冷藍冷綠
冷紫冷灰
冷青冷薄荷
冷霧藍冷寶石藍
冷藏青冷水藍
冷冰藍冷鈷藍
冷松石綠冷丁香紫
冷墨綠冷黛藍
冷煤黑冷淡紫
冷石板灰冷銀
冷苔蘚綠冷青藍
冷水晶藍冷松綠
冷灰藍冷鐵灰
冷森林綠冷鋼藍
冷橄欖綠冷鉛灰
冷水晶綠冷冰晶藍
冷薰衣草紫冷煤灰
冷鉛白冷雨林綠
冷紫水晶冷草綠
冷珊瑚藍冷雪白
冷湖水綠冷霜灰
冷紫羅蘭冷藍灰
冷煤炭灰冷鐵藍
冷青灰冷鈷灰
冷湖水藍冷鉛藍
冷雨林灰冷軍綠
冷淡綠冷海軍藍
冷橄欖灰冷紫灰
冷藍白冷綠松石
冷灰白冷草原綠
冷靛青冷月光藍
冷冰雪藍冷灰松
冷鐵白冷深綠
冷水白冷青松
冷灰松石冷黛灰
冷孔雀藍冷冰白
冷丁香冷海洋藍
冷鉛黑冷紫粉
冷雪灰冷暗藍
冷岩石灰冷煤礦黑
冷水晶白冷青藍灰
冷霧白冷灰紫
冷海綠冷灰松綠
冷銀白


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

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