95張高品質空色背景圖線上看與下載

空色背景圖預覽

空色色彩梯度背景圖下載

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


空色背景圖下載方式

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

空色背景圖編號: 1 色號: #4a6e78
空色 編號: 1 — 色號: #4a6e78

空色背景圖編號: 2 色號: #4b707b
空色 編號: 2 — 色號: #4b707b

空色背景圖編號: 3 色號: #4d727d
空色 編號: 3 — 色號: #4d727d

空色背景圖編號: 4 色號: #4e7580
空色 編號: 4 — 色號: #4e7580

空色背景圖編號: 5 色號: #507782
空色 編號: 5 — 色號: #507782

空色背景圖編號: 6 色號: #517985
空色 編號: 6 — 色號: #517985

空色背景圖編號: 7 色號: #537b87
空色 編號: 7 — 色號: #537b87

空色背景圖編號: 8 色號: #547e8a
空色 編號: 8 — 色號: #547e8a

空色背景圖編號: 9 色號: #56808c
空色 編號: 9 — 色號: #56808c

空色背景圖編號: 10 色號: #57828f
空色 編號: 10 — 色號: #57828f

空色背景圖編號: 11 色號: #598491
空色 編號: 11 — 色號: #598491

空色背景圖編號: 12 色號: #5a8794
空色 編號: 12 — 色號: #5a8794

空色背景圖編號: 13 色號: #5c8996
空色 編號: 13 — 色號: #5c8996

空色背景圖編號: 14 色號: #5d8b99
空色 編號: 14 — 色號: #5d8b99

空色背景圖編號: 15 色號: #5f8d9b
空色 編號: 15 — 色號: #5f8d9b

空色背景圖編號: 16 色號: #60909e
空色 編號: 16 — 色號: #60909e

空色背景圖編號: 17 色號: #6292a0
空色 編號: 17 — 色號: #6292a0

空色背景圖編號: 18 色號: #6394a3
空色 編號: 18 — 色號: #6394a3

空色背景圖編號: 19 色號: #6597a5
空色 編號: 19 — 色號: #6597a5

空色背景圖編號: 20 色號: #6699a8
空色 編號: 20 — 色號: #6699a8

空色背景圖編號: 21 色號: #689baa
空色 編號: 21 — 色號: #689baa

空色背景圖編號: 22 色號: #699dad
空色 編號: 22 — 色號: #699dad

空色背景圖編號: 23 色號: #6ba0af
空色 編號: 23 — 色號: #6ba0af

空色背景圖編號: 24 色號: #6ca2b2
空色 編號: 24 — 色號: #6ca2b2

空色背景圖編號: 25 色號: #6ea4b4
空色 編號: 25 — 色號: #6ea4b4

空色背景圖編號: 26 色號: #6fa6b7
空色 編號: 26 — 色號: #6fa6b7

空色背景圖編號: 27 色號: #71a9b9
空色 編號: 27 — 色號: #71a9b9

空色背景圖編號: 28 色號: #72abbc
空色 編號: 28 — 色號: #72abbc

空色背景圖編號: 29 色號: #74adbe
空色 編號: 29 — 色號: #74adbe

空色背景圖編號: 30 色號: #75afc1
空色 編號: 30 — 色號: #75afc1

空色背景圖編號: 31 色號: #77b2c3
空色 編號: 31 — 色號: #77b2c3

空色背景圖編號: 32 色號: #79b4c5
空色 編號: 32 — 色號: #79b4c5

空色背景圖編號: 33 色號: #7ab6c8
空色 編號: 33 — 色號: #7ab6c8

空色背景圖編號: 34 色號: #7cb8ca
空色 編號: 34 — 色號: #7cb8ca

空色背景圖編號: 35 色號: #7dbbcd
空色 編號: 35 — 色號: #7dbbcd

空色背景圖編號: 36 色號: #7fbdcf
空色 編號: 36 — 色號: #7fbdcf

空色背景圖編號: 37 色號: #80bfd2
空色 編號: 37 — 色號: #80bfd2

空色背景圖編號: 38 色號: #82c2d4
空色 編號: 38 — 色號: #82c2d4

空色背景圖編號: 39 色號: #83c4d7
空色 編號: 39 — 色號: #83c4d7

空色背景圖編號: 40 色號: #85c6d9
空色 編號: 40 — 色號: #85c6d9

空色背景圖編號: 41 色號: #86c8dc
空色 編號: 41 — 色號: #86c8dc

空色背景圖編號: 42 色號: #88cbde
空色 編號: 42 — 色號: #88cbde

空色背景圖編號: 43 色號: #89cde1
空色 編號: 43 — 色號: #89cde1

空色背景圖編號: 44 色號: #8bcfe3
空色 編號: 44 — 色號: #8bcfe3

空色背景圖編號: 45 色號: #8cd1e6
空色 編號: 45 — 色號: #8cd1e6

空色背景圖編號: 46 色號: #8ed4e8
空色 編號: 46 — 色號: #8ed4e8

空色背景圖編號: 47 色號: #8fd6eb
空色 編號: 47 — 色號: #8fd6eb

空色背景圖編號: 48 色號: #91d8ed
空色 編號: 48 — 色號: #91d8ed

空色背景圖編號: 49 色號: #92daf0
空色 編號: 49 — 色號: #92daf0

空色背景圖編號: 50 色號: #94ddf2
空色 編號: 50 — 色號: #94ddf2

空色背景圖編號: 51 色號: #95dff5
空色 編號: 51 — 色號: #95dff5

空色背景圖編號: 52 色號: #97e1f7
空色 編號: 52 — 色號: #97e1f7

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

空色的色碼總覽(HEX 與 RGB)

編號 色塊 色碼(HEX) RGB
1#4a6e78rgb(74,110,120)
2#4b707brgb(75,112,123)
3#4d727drgb(77,114,125)
4#4e7580rgb(78,117,128)
5#507782rgb(80,119,130)
6#517985rgb(81,121,133)
7#537b87rgb(83,123,135)
8#547e8argb(84,126,138)
9#56808crgb(86,128,140)
10#57828frgb(87,130,143)
11#598491rgb(89,132,145)
12#5a8794rgb(90,135,148)
13#5c8996rgb(92,137,150)
14#5d8b99rgb(93,139,153)
15#5f8d9brgb(95,141,155)
16#60909ergb(96,144,158)
17#6292a0rgb(98,146,160)
18#6394a3rgb(99,148,163)
19#6597a5rgb(101,151,165)
20#6699a8rgb(102,153,168)
21#689baargb(104,155,170)
22#699dadrgb(105,157,173)
23#6ba0afrgb(107,160,175)
24#6ca2b2rgb(108,162,178)
25#6ea4b4rgb(110,164,180)
26#6fa6b7rgb(111,166,183)
27#71a9b9rgb(113,169,185)
28#72abbcrgb(114,171,188)
29#74adbergb(116,173,190)
30#75afc1rgb(117,175,193)
31#77b2c3rgb(119,178,195)
32#79b4c5rgb(121,180,197)
33#7ab6c8rgb(122,182,200)
34#7cb8cargb(124,184,202)
35#7dbbcdrgb(125,187,205)
36#7fbdcfrgb(127,189,207)
37#80bfd2rgb(128,191,210)
38#82c2d4rgb(130,194,212)
39#83c4d7rgb(131,196,215)
40#85c6d9rgb(133,198,217)
41#86c8dcrgb(134,200,220)
42#88cbdergb(136,203,222)
43#89cde1rgb(137,205,225)
44#8bcfe3rgb(139,207,227)
45#8cd1e6rgb(140,209,230)
46#8ed4e8rgb(142,212,232)
47#8fd6ebrgb(143,214,235)
48#91d8edrgb(145,216,237)
49#92daf0rgb(146,218,240)
50#94ddf2rgb(148,221,242)
51#95dff5rgb(149,223,245)
52#97e1f7rgb(151,225,247)

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


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

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

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


空色背景圖的使用建議

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

是否可以免費商業用途?

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


更多流行色背景圖推薦

流行色的背景圖

鐵色深緑
萌蔥色常盤色
青瑤禦納戸色
淺蔥色
褐返濃藍
青褐鉳鼠
藍色
鐵紺藍色鐵
紺青紫黒
薄緑草色
縹色淺縹
薄縹薄花色
仙斎茶革色
黑鐵鐵禦納戸
薔薇色桜色
千歳緑藍海松茶
蝋色露草色
木賊色青白橡
麴塵濃鼠
黒橡暗紅
二藍緑青色
紫紺涅色
杜若色油色
茄子紺
勝色
葡萄紺藍
銀煤竹濃色
青鈍群青色
鈍色錖淺蔥
新橋色山鳩色
赤褐色深緋
滅紫黒茶
黃枯茶桔梗色
鳩羽鼠鶸茶
苔色藍鼠
枯茶生壁色
葡萄鼠黃櫌
若竹色菖蒲色
青紫國防色
錖色藤納戸
栗梅焦茶
煤炭竹色鶯茶
海松色江戸紫
菫色薄鼠
黃橡水淺蔥
鉛色青竹色
海老茶青磁色
薄墨色松葉色
空五倍子色苗色
秘色灰色
千草色赤銅色
柳色白群
勿忘草色
利休鼠古代紫
花色若緑
瑠璃色鴇色
頂客茶真紅
赤鉳色褐色
胡桃色淺緑
焦香
鳩羽色弁柄色
朽葉色淺蘇芳
颯色鼠色
丁子色栗色
鳶色香色
竄皮色小豆色
路考茶空色
薄色甕覗
狐色蘇芳
梅染薄鈍
藤紫茶鼠
紅海老茶銀鼠
萌黃
緋色
銀朱若草色
退紅色木蘭色
煉瓦色土器色
藤色水色
茜色黃瑤
臙脂色土色
代赭赤茶
紅樺色
亜麻色
琥珀色駱駝色
抹茶色黃土色
今様色曙色
枯色黃金
金色樺色
真赭芥子色
萱草色洗柿
薄柿鶸色
肉色人性
白緑朽葉
石竹色洗朱
砂色乳白色
練色赤丹
紅色紅赤
灰白肉桂色
鳥子色黃茶
梔子色紺桔梗
淡黃緑黃色
小麥色金茶
牡丹色
紅緋伽羅色
刈安色金赤
赤橙赤紫
朱色象牙色
黃赤柿色
鉛丹色薄紅梅
青丹黃丹
蜜柑色桃色
紅梅色產生色
躑躅色柑子色
杏色山吹色
黃竄色鬱金色
赤白橡橘色
向日葵色卵色
黃色蒲公英色
中黃胡粉紅色


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

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