70張暗海藍背景圖庫免費開放使用｜PNG格式下載
探索暗海藍的背景色彩組合
這70張圖片展示了暗海藍色從亮到暗的視覺效果，是設計師不可或缺的素材資料庫。
暗海藍背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：暗海藍-編號2-色號-#303F9F.png，方便您管理與分類使用。
暗海藍的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #192052 | rgb(25,32,82) | |
| 2 | #192154 | rgb(25,33,84) | |
| 3 | #1a2256 | rgb(26,34,86) | |
| 4 | #1b2359 | rgb(27,35,89) | |
| 5 | #1b245b | rgb(27,36,91) | |
| 6 | #1c255d | rgb(28,37,93) | |
| 7 | #1d265f | rgb(29,38,95) | |
| 8 | #1d2762 | rgb(29,39,98) | |
| 9 | #1e2864 | rgb(30,40,100) | |
| 10 | #1f2966 | rgb(31,41,102) | |
| 11 | #202968 | rgb(32,41,104) | |
| 12 | #202a6b | rgb(32,42,107) | |
| 13 | #212b6d | rgb(33,43,109) | |
| 14 | #222c6f | rgb(34,44,111) | |
| 15 | #222d72 | rgb(34,45,114) | |
| 16 | #232e74 | rgb(35,46,116) | |
| 17 | #242f76 | rgb(36,47,118) | |
| 18 | #243078 | rgb(36,48,120) | |
| 19 | #25317b | rgb(37,49,123) | |
| 20 | #26327d | rgb(38,50,125) | |
| 21 | #26327f | rgb(38,50,127) | |
| 22 | #273381 | rgb(39,51,129) | |
| 23 | #283484 | rgb(40,52,132) | |
| 24 | #283586 | rgb(40,53,134) | |
| 25 | #293688 | rgb(41,54,136) | |
| 26 | #2a378b | rgb(42,55,139) | |
| 27 | #2b388d | rgb(43,56,141) | |
| 28 | #2b398f | rgb(43,57,143) | |
| 29 | #2c3a91 | rgb(44,58,145) | |
| 30 | #2d3b94 | rgb(45,59,148) | |
| 31 | #2d3b96 | rgb(45,59,150) | |
| 32 | #2e3c98 | rgb(46,60,152) | |
| 33 | #2f3d9a | rgb(47,61,154) | |
| 34 | #2f3e9d | rgb(47,62,157) | |
| 35 | #303f9f | rgb(48,63,159) | |
| 36 | #3140a1 | rgb(49,64,161) | |
| 37 | #3141a4 | rgb(49,65,164) | |
| 38 | #3242a6 | rgb(50,66,166) | |
| 39 | #3343a8 | rgb(51,67,168) | |
| 40 | #3344aa | rgb(51,68,170) | |
| 41 | #3444ad | rgb(52,68,173) | |
| 42 | #3545af | rgb(53,69,175) | |
| 43 | #3546b1 | rgb(53,70,177) | |
| 44 | #3647b3 | rgb(54,71,179) | |
| 45 | #3748b6 | rgb(55,72,182) | |
| 46 | #3849b8 | rgb(56,73,184) | |
| 47 | #384aba | rgb(56,74,186) | |
| 48 | #394bbd | rgb(57,75,189) | |
| 49 | #3a4cbf | rgb(58,76,191) | |
| 50 | #3a4dc1 | rgb(58,77,193) | |
| 51 | #3b4dc3 | rgb(59,77,195) | |
| 52 | #3c4ec6 | rgb(60,78,198) | |
| 53 | #3c4fc8 | rgb(60,79,200) | |
| 54 | #3d50ca | rgb(61,80,202) | |
| 55 | #3e51cc | rgb(62,81,204) | |
| 56 | #3e52cf | rgb(62,82,207) | |
| 57 | #3f53d1 | rgb(63,83,209) | |
| 58 | #4054d3 | rgb(64,84,211) | |
| 59 | #4055d6 | rgb(64,85,214) | |
| 60 | #4156d8 | rgb(65,86,216) | |
| 61 | #4256da | rgb(66,86,218) | |
| 62 | #4357dc | rgb(67,87,220) | |
| 63 | #4358df | rgb(67,88,223) | |
| 64 | #4459e1 | rgb(68,89,225) | |
| 65 | #455ae3 | rgb(69,90,227) | |
| 66 | #455be5 | rgb(69,91,229) | |
| 67 | #465ce8 | rgb(70,92,232) | |
| 68 | #475dea | rgb(71,93,234) | |
| 69 | #475eec | rgb(71,94,236) | |
| 70 | #485fef | rgb(72,95,239) |
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#303F9F，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
暗海藍背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有暗海藍背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多暗色系背景圖推薦
暗色系的背景圖
感謝您的瀏覽，希望這些暗海藍背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。