80張鋼青色無版權背景圖片分享站|立即下載使用

鋼青色背景圖預覽

鋼青色配色背景圖下載專區

80款以鋼青色為基礎的背景圖已整理完畢,色碼標示清楚,可自由應用。


鋼青色背景圖下載方式

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

鋼青色背景圖編號: 1 色號: #24435c
鋼青色 編號: 1 — 色號: #24435c

鋼青色背景圖編號: 2 色號: #25445f
鋼青色 編號: 2 — 色號: #25445f

鋼青色背景圖編號: 3 色號: #264661
鋼青色 編號: 3 — 色號: #264661

鋼青色背景圖編號: 4 色號: #274863
鋼青色 編號: 4 — 色號: #274863

鋼青色背景圖編號: 5 色號: #274965
鋼青色 編號: 5 — 色號: #274965

鋼青色背景圖編號: 6 色號: #284b68
鋼青色 編號: 6 — 色號: #284b68

鋼青色背景圖編號: 7 色號: #294c6a
鋼青色 編號: 7 — 色號: #294c6a

鋼青色背景圖編號: 8 色號: #2a4e6c
鋼青色 編號: 8 — 色號: #2a4e6c

鋼青色背景圖編號: 9 色號: #2b506e
鋼青色 編號: 9 — 色號: #2b506e

鋼青色背景圖編號: 10 色號: #2c5171
鋼青色 編號: 10 — 色號: #2c5171

鋼青色背景圖編號: 11 色號: #2d5373
鋼青色 編號: 11 — 色號: #2d5373

鋼青色背景圖編號: 12 色號: #2e5575
鋼青色 編號: 12 — 色號: #2e5575

鋼青色背景圖編號: 13 色號: #2e5677
鋼青色 編號: 13 — 色號: #2e5677

鋼青色背景圖編號: 14 色號: #2f587a
鋼青色 編號: 14 — 色號: #2f587a

鋼青色背景圖編號: 15 色號: #30597c
鋼青色 編號: 15 — 色號: #30597c

鋼青色背景圖編號: 16 色號: #315b7e
鋼青色 編號: 16 — 色號: #315b7e

鋼青色背景圖編號: 17 色號: #325d80
鋼青色 編號: 17 — 色號: #325d80

鋼青色背景圖編號: 18 色號: #335e83
鋼青色 編號: 18 — 色號: #335e83

鋼青色背景圖編號: 19 色號: #346085
鋼青色 編號: 19 — 色號: #346085

鋼青色背景圖編號: 20 色號: #356287
鋼青色 編號: 20 — 色號: #356287

鋼青色背景圖編號: 21 色號: #356389
鋼青色 編號: 21 — 色號: #356389

鋼青色背景圖編號: 22 色號: #36658c
鋼青色 編號: 22 — 色號: #36658c

鋼青色背景圖編號: 23 色號: #37668e
鋼青色 編號: 23 — 色號: #37668e

鋼青色背景圖編號: 24 色號: #386890
鋼青色 編號: 24 — 色號: #386890

鋼青色背景圖編號: 25 色號: #396a92
鋼青色 編號: 25 — 色號: #396a92

鋼青色背景圖編號: 26 色號: #3a6b95
鋼青色 編號: 26 — 色號: #3a6b95

鋼青色背景圖編號: 27 色號: #3b6d97
鋼青色 編號: 27 — 色號: #3b6d97

鋼青色背景圖編號: 28 色號: #3c6f99
鋼青色 編號: 28 — 色號: #3c6f99

鋼青色背景圖編號: 29 色號: #3c709b
鋼青色 編號: 29 — 色號: #3c709b

鋼青色背景圖編號: 30 色號: #3d729e
鋼青色 編號: 30 — 色號: #3d729e

鋼青色背景圖編號: 31 色號: #3e73a0
鋼青色 編號: 31 — 色號: #3e73a0

鋼青色背景圖編號: 32 色號: #3f75a2
鋼青色 編號: 32 — 色號: #3f75a2

鋼青色背景圖編號: 33 色號: #4077a4
鋼青色 編號: 33 — 色號: #4077a4

鋼青色背景圖編號: 34 色號: #4178a7
鋼青色 編號: 34 — 色號: #4178a7

鋼青色背景圖編號: 35 色號: #427aa9
鋼青色 編號: 35 — 色號: #427aa9

鋼青色背景圖編號: 36 色號: #437cab
鋼青色 編號: 36 — 色號: #437cab

鋼青色背景圖編號: 37 色號: #437dad
鋼青色 編號: 37 — 色號: #437dad

鋼青色背景圖編號: 38 色號: #447fb0
鋼青色 編號: 38 — 色號: #447fb0

鋼青色背景圖編號: 39 色號: #4580b2
鋼青色 編號: 39 — 色號: #4580b2

鋼青色背景圖編號: 40 色號: #4682b4
鋼青色 編號: 40 — 色號: #4682b4

鋼青色背景圖編號: 41 色號: #4784b6
鋼青色 編號: 41 — 色號: #4784b6

鋼青色背景圖編號: 42 色號: #4885b9
鋼青色 編號: 42 — 色號: #4885b9

鋼青色背景圖編號: 43 色號: #4987bb
鋼青色 編號: 43 — 色號: #4987bb

鋼青色背景圖編號: 44 色號: #4a89bd
鋼青色 編號: 44 — 色號: #4a89bd

鋼青色背景圖編號: 45 色號: #4a8abf
鋼青色 編號: 45 — 色號: #4a8abf

鋼青色背景圖編號: 46 色號: #4b8cc2
鋼青色 編號: 46 — 色號: #4b8cc2

鋼青色背景圖編號: 47 色號: #4c8dc4
鋼青色 編號: 47 — 色號: #4c8dc4

鋼青色背景圖編號: 48 色號: #4d8fc6
鋼青色 編號: 48 — 色號: #4d8fc6

鋼青色背景圖編號: 49 色號: #4e91c8
鋼青色 編號: 49 — 色號: #4e91c8

鋼青色背景圖編號: 50 色號: #4f92cb
鋼青色 編號: 50 — 色號: #4f92cb

鋼青色背景圖編號: 51 色號: #5094cd
鋼青色 編號: 51 — 色號: #5094cd

鋼青色背景圖編號: 52 色號: #5196cf
鋼青色 編號: 52 — 色號: #5196cf

鋼青色背景圖編號: 53 色號: #5197d1
鋼青色 編號: 53 — 色號: #5197d1

鋼青色背景圖編號: 54 色號: #5299d4
鋼青色 編號: 54 — 色號: #5299d4

鋼青色背景圖編號: 55 色號: #539ad6
鋼青色 編號: 55 — 色號: #539ad6

鋼青色背景圖編號: 56 色號: #549cd8
鋼青色 編號: 56 — 色號: #549cd8

鋼青色背景圖編號: 57 色號: #559eda
鋼青色 編號: 57 — 色號: #559eda

鋼青色背景圖編號: 58 色號: #569fdd
鋼青色 編號: 58 — 色號: #569fdd

鋼青色背景圖編號: 59 色號: #57a1df
鋼青色 編號: 59 — 色號: #57a1df

鋼青色背景圖編號: 60 色號: #58a3e1
鋼青色 編號: 60 — 色號: #58a3e1

鋼青色背景圖編號: 61 色號: #58a4e3
鋼青色 編號: 61 — 色號: #58a4e3

鋼青色背景圖編號: 62 色號: #59a6e6
鋼青色 編號: 62 — 色號: #59a6e6

鋼青色背景圖編號: 63 色號: #5aa7e8
鋼青色 編號: 63 — 色號: #5aa7e8

鋼青色背景圖編號: 64 色號: #5ba9ea
鋼青色 編號: 64 — 色號: #5ba9ea

鋼青色背景圖編號: 65 色號: #5cabec
鋼青色 編號: 65 — 色號: #5cabec

鋼青色背景圖編號: 66 色號: #5dacef
鋼青色 編號: 66 — 色號: #5dacef

鋼青色背景圖編號: 67 色號: #5eaef1
鋼青色 編號: 67 — 色號: #5eaef1

鋼青色背景圖編號: 68 色號: #5fb0f3
鋼青色 編號: 68 — 色號: #5fb0f3

鋼青色背景圖編號: 69 色號: #5fb1f5
鋼青色 編號: 69 — 色號: #5fb1f5

鋼青色背景圖編號: 70 色號: #60b3f8
鋼青色 編號: 70 — 色號: #60b3f8

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

鋼青色的色碼總覽(HEX 與 RGB)

編號 色塊 色碼(HEX) RGB
1#24435crgb(36,67,92)
2#25445frgb(37,68,95)
3#264661rgb(38,70,97)
4#274863rgb(39,72,99)
5#274965rgb(39,73,101)
6#284b68rgb(40,75,104)
7#294c6argb(41,76,106)
8#2a4e6crgb(42,78,108)
9#2b506ergb(43,80,110)
10#2c5171rgb(44,81,113)
11#2d5373rgb(45,83,115)
12#2e5575rgb(46,85,117)
13#2e5677rgb(46,86,119)
14#2f587argb(47,88,122)
15#30597crgb(48,89,124)
16#315b7ergb(49,91,126)
17#325d80rgb(50,93,128)
18#335e83rgb(51,94,131)
19#346085rgb(52,96,133)
20#356287rgb(53,98,135)
21#356389rgb(53,99,137)
22#36658crgb(54,101,140)
23#37668ergb(55,102,142)
24#386890rgb(56,104,144)
25#396a92rgb(57,106,146)
26#3a6b95rgb(58,107,149)
27#3b6d97rgb(59,109,151)
28#3c6f99rgb(60,111,153)
29#3c709brgb(60,112,155)
30#3d729ergb(61,114,158)
31#3e73a0rgb(62,115,160)
32#3f75a2rgb(63,117,162)
33#4077a4rgb(64,119,164)
34#4178a7rgb(65,120,167)
35#427aa9rgb(66,122,169)
36#437cabrgb(67,124,171)
37#437dadrgb(67,125,173)
38#447fb0rgb(68,127,176)
39#4580b2rgb(69,128,178)
40#4682b4rgb(70,130,180)
41#4784b6rgb(71,132,182)
42#4885b9rgb(72,133,185)
43#4987bbrgb(73,135,187)
44#4a89bdrgb(74,137,189)
45#4a8abfrgb(74,138,191)
46#4b8cc2rgb(75,140,194)
47#4c8dc4rgb(76,141,196)
48#4d8fc6rgb(77,143,198)
49#4e91c8rgb(78,145,200)
50#4f92cbrgb(79,146,203)
51#5094cdrgb(80,148,205)
52#5196cfrgb(81,150,207)
53#5197d1rgb(81,151,209)
54#5299d4rgb(82,153,212)
55#539ad6rgb(83,154,214)
56#549cd8rgb(84,156,216)
57#559edargb(85,158,218)
58#569fddrgb(86,159,221)
59#57a1dfrgb(87,161,223)
60#58a3e1rgb(88,163,225)
61#58a4e3rgb(88,164,227)
62#59a6e6rgb(89,166,230)
63#5aa7e8rgb(90,167,232)
64#5ba9eargb(91,169,234)
65#5cabecrgb(92,171,236)
66#5dacefrgb(93,172,239)
67#5eaef1rgb(94,174,241)
68#5fb0f3rgb(95,176,243)
69#5fb1f5rgb(95,177,245)
70#60b3f8rgb(96,179,248)

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


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

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

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


鋼青色背景圖的使用建議

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

是否可以免費商業用途?

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


更多常用色背景圖推薦

常用色的背景圖

白色香檳黃
黃色金色
琥珀色蜜橙
橙色熱帶橙
珊瑚紅陽橙
暖粉紅淺玫瑰紅
蕃茄紅柿子橙
朱紅色腥紅色
玫瑰紅洋紅
紅色鵝黃
薑黃粉紅
橘黃鴨黃
米色小麥色
亮珊瑚色品紅
亮紫妃紅
櫻草色淡紫丁香色
杏黃優品紫紅
胭脂紅櫻桃
庚斯博羅灰緋紅
錦葵紫淺灰色
巧克力色印度紅
檸檬綠亮檸檬綠
芥末黃鐵線蓮紫
紅寶石色銀色
嫩綠玫瑰褐
古銅色紫丁香色
磚紅色水色
暗灰褐色
駝色黃綠
卡其色暗蘭紫
樞機紅暗紫
蘋果綠草綠
紫羅蘭暗紅
淺藍色灰色
橄欖色紫色
藍綠色三色堇紫
水藍黃綠色
木槿紫紫水晶色
矢車菊藍碧綠
椰褐靛色
勃艮第酒紅土耳其藍
綠松色蔚藍
孔雀石綠午夜藍
薄荷綠藍寶石色
青色春綠色
綠色深天藍
孔雀綠鴨綠色
蔚藍色暗綠
水手藍
極濃海藍粉末藍
普魯士藍藍色
藏青黑色
昏灰亮灰色
白煙色雪色
沙棕玫瑰褐色
耐火磚紅栗色
鮮紅霧玫瑰色
鮭紅腥紅
番茄紅暗鮭紅
橘紅亮鮭紅
朱紅黃土赭
海貝色鞍褐
燃橙粉撲桃色
沙褐亞麻色
秘魯色烏賊墨色
赭色陶坯黃
橘色暗橙
古董白日曬色
硬木色杏仁白
那瓦霍白萬壽菊黃
番木瓜色灰土色
鹿皮鞋色舊蕾絲色
桃色花卉白
金菊色暗金菊色
咖啡色茉莉黃
玉米絲色鉻黃
檸檬綢色亮卡其色
灰金菊色暗卡其色
含羞草黃奶油色
象牙色棕色
亮黃亮金菊黃
月黃鮮黃
苔蘚綠橄欖軍綠
暗橄欖綠綠黃
草坪綠查特酒綠
葉綠明綠
鈷綠蜜瓜綠
暗海綠亮綠
灰綠常春藤綠
森林綠青瓷綠
綠松石綠鉻綠
蒼色海綠
中海綠薄荷奶油色
春綠中春綠色
中碧藍色碧藍色
青藍綠松石藍
綠松石色亮海綠
中綠松石色亮青
淺藍灰綠松石色
暗岩灰鳧綠
暗青暗綠松石色
軍服藍孔雀藍
嬰兒粉藍濃藍
亮藍灰藍
薩克斯藍天藍
亮天藍鋼青色
愛麗絲藍岩灰
亮岩灰道奇藍
礦業藍湛藍
韋奇伍德瓷藍亮鋼藍
鈷藍灰丁寧藍
鼠尾草藍暗嬰兒粉藍
國際奇連藍品藍
暗礦藍天青石藍
幽靈白薰衣草紫
長春花色暗藍
中藍紫藤色
暗岩藍岩藍
中岩藍中紫紅
淺灰紫紅纈草紫
礦紫藍紫
紫藍色中蘭紫
薊紫李紫
暗洋紅蘭紫
淺珍珠紅陳玫紅
中青紫紅山茶紅
深粉紅火烈鳥
淺珊瑚紅勃根地酒紅
尖晶石紅淺粉紅
薰衣草紫紅灰紫紅
櫻桃紅淺鮭紅


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

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