68張青背景圖庫免費開放使用｜PNG格式下載
探索青的背景色彩組合
這68張圖片展示了青色從亮到暗的視覺效果，是設計師不可或缺的素材資料庫。
青背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：青-編號2-色號-#009ad6.png，方便您管理與分類使用。
系統原預計產生 68 張背景圖，實際產生 45 張。由於第 46 張起顏色與白色或黑色過於接近，因此後續已省略顯示。
青的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #004f6e | rgb(0,79,110) | |
| 2 | #005271 | rgb(0,82,113) | |
| 3 | #005474 | rgb(0,84,116) | |
| 4 | #005678 | rgb(0,86,120) | |
| 5 | #00587b | rgb(0,88,123) | |
| 6 | #005b7e | rgb(0,91,126) | |
| 7 | #005d81 | rgb(0,93,129) | |
| 8 | #005f84 | rgb(0,95,132) | |
| 9 | #006187 | rgb(0,97,135) | |
| 10 | #00648a | rgb(0,100,138) | |
| 11 | #00668e | rgb(0,102,142) | |
| 12 | #006891 | rgb(0,104,145) | |
| 13 | #006a94 | rgb(0,106,148) | |
| 14 | #006d97 | rgb(0,109,151) | |
| 15 | #006f9a | rgb(0,111,154) | |
| 16 | #00719d | rgb(0,113,157) | |
| 17 | #0074a1 | rgb(0,116,161) | |
| 18 | #0076a4 | rgb(0,118,164) | |
| 19 | #0078a7 | rgb(0,120,167) | |
| 20 | #007aaa | rgb(0,122,170) | |
| 21 | #007dad | rgb(0,125,173) | |
| 22 | #007fb0 | rgb(0,127,176) | |
| 23 | #0081b3 | rgb(0,129,179) | |
| 24 | #0083b7 | rgb(0,131,183) | |
| 25 | #0086ba | rgb(0,134,186) | |
| 26 | #0088bd | rgb(0,136,189) | |
| 27 | #008ac0 | rgb(0,138,192) | |
| 28 | #008cc3 | rgb(0,140,195) | |
| 29 | #008fc6 | rgb(0,143,198) | |
| 30 | #0091c9 | rgb(0,145,201) | |
| 31 | #0093cd | rgb(0,147,205) | |
| 32 | #0095d0 | rgb(0,149,208) | |
| 33 | #0098d3 | rgb(0,152,211) | |
| 34 | #009ad6 | rgb(0,154,214) | |
| 35 | #009cd9 | rgb(0,156,217) | |
| 36 | #009fdc | rgb(0,159,220) | |
| 37 | #00a1df | rgb(0,161,223) | |
| 38 | #00a3e3 | rgb(0,163,227) | |
| 39 | #00a5e6 | rgb(0,165,230) | |
| 40 | #00a8e9 | rgb(0,168,233) | |
| 41 | #00aaec | rgb(0,170,236) | |
| 42 | #00acef | rgb(0,172,239) | |
| 43 | #00aef2 | rgb(0,174,242) | |
| 44 | #00b1f5 | rgb(0,177,245) | |
| 45 | #00b3f9 | rgb(0,179,249) |
原預計顯示 68 組色碼，但從第 46 筆開始已接近純白或純黑，因此省略重複的色碼。
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#009ad6，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
青背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有青背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多流行色背景圖推薦
流行色的背景圖
感謝您的瀏覽，希望這些青背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。