80張青藍無版權背景圖片分享站｜立即下載使用
青藍配色背景圖下載專區
80款以青藍為基礎的背景圖已整理完畢，色碼標示清楚，可自由應用。
青藍背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：青藍-編號2-色號-#4682B4.png，方便您管理與分類使用。
系統原預計產生 80 張背景圖，實際產生 70 張。由於第 71 張起顏色與白色或黑色過於接近，因此後續已省略顯示。
青藍的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #24435c | rgb(36,67,92) | |
| 2 | #25445f | rgb(37,68,95) | |
| 3 | #264661 | rgb(38,70,97) | |
| 4 | #274863 | rgb(39,72,99) | |
| 5 | #274965 | rgb(39,73,101) | |
| 6 | #284b68 | rgb(40,75,104) | |
| 7 | #294c6a | rgb(41,76,106) | |
| 8 | #2a4e6c | rgb(42,78,108) | |
| 9 | #2b506e | rgb(43,80,110) | |
| 10 | #2c5171 | rgb(44,81,113) | |
| 11 | #2d5373 | rgb(45,83,115) | |
| 12 | #2e5575 | rgb(46,85,117) | |
| 13 | #2e5677 | rgb(46,86,119) | |
| 14 | #2f587a | rgb(47,88,122) | |
| 15 | #30597c | rgb(48,89,124) | |
| 16 | #315b7e | rgb(49,91,126) | |
| 17 | #325d80 | rgb(50,93,128) | |
| 18 | #335e83 | rgb(51,94,131) | |
| 19 | #346085 | rgb(52,96,133) | |
| 20 | #356287 | rgb(53,98,135) | |
| 21 | #356389 | rgb(53,99,137) | |
| 22 | #36658c | rgb(54,101,140) | |
| 23 | #37668e | rgb(55,102,142) | |
| 24 | #386890 | rgb(56,104,144) | |
| 25 | #396a92 | rgb(57,106,146) | |
| 26 | #3a6b95 | rgb(58,107,149) | |
| 27 | #3b6d97 | rgb(59,109,151) | |
| 28 | #3c6f99 | rgb(60,111,153) | |
| 29 | #3c709b | rgb(60,112,155) | |
| 30 | #3d729e | rgb(61,114,158) | |
| 31 | #3e73a0 | rgb(62,115,160) | |
| 32 | #3f75a2 | rgb(63,117,162) | |
| 33 | #4077a4 | rgb(64,119,164) | |
| 34 | #4178a7 | rgb(65,120,167) | |
| 35 | #427aa9 | rgb(66,122,169) | |
| 36 | #437cab | rgb(67,124,171) | |
| 37 | #437dad | rgb(67,125,173) | |
| 38 | #447fb0 | rgb(68,127,176) | |
| 39 | #4580b2 | rgb(69,128,178) | |
| 40 | #4682b4 | rgb(70,130,180) | |
| 41 | #4784b6 | rgb(71,132,182) | |
| 42 | #4885b9 | rgb(72,133,185) | |
| 43 | #4987bb | rgb(73,135,187) | |
| 44 | #4a89bd | rgb(74,137,189) | |
| 45 | #4a8abf | rgb(74,138,191) | |
| 46 | #4b8cc2 | rgb(75,140,194) | |
| 47 | #4c8dc4 | rgb(76,141,196) | |
| 48 | #4d8fc6 | rgb(77,143,198) | |
| 49 | #4e91c8 | rgb(78,145,200) | |
| 50 | #4f92cb | rgb(79,146,203) | |
| 51 | #5094cd | rgb(80,148,205) | |
| 52 | #5196cf | rgb(81,150,207) | |
| 53 | #5197d1 | rgb(81,151,209) | |
| 54 | #5299d4 | rgb(82,153,212) | |
| 55 | #539ad6 | rgb(83,154,214) | |
| 56 | #549cd8 | rgb(84,156,216) | |
| 57 | #559eda | rgb(85,158,218) | |
| 58 | #569fdd | rgb(86,159,221) | |
| 59 | #57a1df | rgb(87,161,223) | |
| 60 | #58a3e1 | rgb(88,163,225) | |
| 61 | #58a4e3 | rgb(88,164,227) | |
| 62 | #59a6e6 | rgb(89,166,230) | |
| 63 | #5aa7e8 | rgb(90,167,232) | |
| 64 | #5ba9ea | rgb(91,169,234) | |
| 65 | #5cabec | rgb(92,171,236) | |
| 66 | #5dacef | rgb(93,172,239) | |
| 67 | #5eaef1 | rgb(94,174,241) | |
| 68 | #5fb0f3 | rgb(95,176,243) | |
| 69 | #5fb1f5 | rgb(95,177,245) | |
| 70 | #60b3f8 | rgb(96,179,248) |
原預計顯示 80 組色碼，但從第 71 筆開始已接近純白或純黑，因此省略重複的色碼。
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#4682B4，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
青藍背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有青藍背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多設計色背景圖推薦
設計色的背景圖
感謝您的瀏覽，希望這些青藍背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。