62張午夜藍背景圖庫免費開放使用｜PNG格式下載
探索午夜藍的背景色彩組合
這62張圖片展示了午夜藍色從亮到暗的視覺效果，是設計師不可或缺的素材資料庫。
午夜藍背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：午夜藍-編號2-色號-#191970.png，方便您管理與分類使用。
午夜藍的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #0d0d3a | rgb(13,13,58) | |
| 2 | #0d0d3c | rgb(13,13,60) | |
| 3 | #0e0e3d | rgb(14,14,61) | |
| 4 | #0e0e3f | rgb(14,14,63) | |
| 5 | #0f0f41 | rgb(15,15,65) | |
| 6 | #0f0f43 | rgb(15,15,67) | |
| 7 | #0f0f45 | rgb(15,15,69) | |
| 8 | #101046 | rgb(16,16,70) | |
| 9 | #101048 | rgb(16,16,72) | |
| 10 | #11114a | rgb(17,17,74) | |
| 11 | #11114c | rgb(17,17,76) | |
| 12 | #11114e | rgb(17,17,78) | |
| 13 | #12124f | rgb(18,18,79) | |
| 14 | #121251 | rgb(18,18,81) | |
| 15 | #131353 | rgb(19,19,83) | |
| 16 | #131355 | rgb(19,19,85) | |
| 17 | #131357 | rgb(19,19,87) | |
| 18 | #141459 | rgb(20,20,89) | |
| 19 | #14145a | rgb(20,20,90) | |
| 20 | #15155c | rgb(21,21,92) | |
| 21 | #15155e | rgb(21,21,94) | |
| 22 | #151560 | rgb(21,21,96) | |
| 23 | #161662 | rgb(22,22,98) | |
| 24 | #161663 | rgb(22,22,99) | |
| 25 | #171765 | rgb(23,23,101) | |
| 26 | #171767 | rgb(23,23,103) | |
| 27 | #171769 | rgb(23,23,105) | |
| 28 | #18186b | rgb(24,24,107) | |
| 29 | #18186c | rgb(24,24,108) | |
| 30 | #19196e | rgb(25,25,110) | |
| 31 | #191970 | rgb(25,25,112) | |
| 32 | #191972 | rgb(25,25,114) | |
| 33 | #1a1a74 | rgb(26,26,116) | |
| 34 | #1a1a75 | rgb(26,26,117) | |
| 35 | #1b1b77 | rgb(27,27,119) | |
| 36 | #1b1b79 | rgb(27,27,121) | |
| 37 | #1b1b7b | rgb(27,27,123) | |
| 38 | #1c1c7d | rgb(28,28,125) | |
| 39 | #1c1c7e | rgb(28,28,126) | |
| 40 | #1d1d80 | rgb(29,29,128) | |
| 41 | #1d1d82 | rgb(29,29,130) | |
| 42 | #1d1d84 | rgb(29,29,132) | |
| 43 | #1e1e86 | rgb(30,30,134) | |
| 44 | #1e1e87 | rgb(30,30,135) | |
| 45 | #1f1f89 | rgb(31,31,137) | |
| 46 | #1f1f8b | rgb(31,31,139) | |
| 47 | #1f1f8d | rgb(31,31,141) | |
| 48 | #20208f | rgb(32,32,143) | |
| 49 | #202091 | rgb(32,32,145) | |
| 50 | #212192 | rgb(33,33,146) | |
| 51 | #212194 | rgb(33,33,148) | |
| 52 | #212196 | rgb(33,33,150) | |
| 53 | #222298 | rgb(34,34,152) | |
| 54 | #22229a | rgb(34,34,154) | |
| 55 | #23239b | rgb(35,35,155) | |
| 56 | #23239d | rgb(35,35,157) | |
| 57 | #23239f | rgb(35,35,159) | |
| 58 | #2424a1 | rgb(36,36,161) | |
| 59 | #2424a3 | rgb(36,36,163) | |
| 60 | #2525a4 | rgb(37,37,164) | |
| 61 | #2525a6 | rgb(37,37,166) | |
| 62 | #2626a8 | rgb(38,38,168) |
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#191970，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
午夜藍背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有午夜藍背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多設計色背景圖推薦
設計色的背景圖
感謝您的瀏覽，希望這些午夜藍背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。