70張紺青背景圖庫免費開放使用｜PNG格式下載
探索紺青的背景色彩組合
這70張圖片展示了紺青色從亮到暗的視覺效果，是設計師不可或缺的素材資料庫。
紺青背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：紺青-編號2-色號-#1b315e.png，方便您管理與分類使用。
紺青的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #0e1930 | rgb(14,25,48) | |
| 2 | #0e1a32 | rgb(14,26,50) | |
| 3 | #0f1b33 | rgb(15,27,51) | |
| 4 | #0f1b34 | rgb(15,27,52) | |
| 5 | #0f1c36 | rgb(15,28,54) | |
| 6 | #101d37 | rgb(16,29,55) | |
| 7 | #101d38 | rgb(16,29,56) | |
| 8 | #111e3a | rgb(17,30,58) | |
| 9 | #111f3b | rgb(17,31,59) | |
| 10 | #11203c | rgb(17,32,60) | |
| 11 | #12203e | rgb(18,32,62) | |
| 12 | #12213f | rgb(18,33,63) | |
| 13 | #132240 | rgb(19,34,64) | |
| 14 | #132242 | rgb(19,34,66) | |
| 15 | #132343 | rgb(19,35,67) | |
| 16 | #142444 | rgb(20,36,68) | |
| 17 | #142446 | rgb(20,36,70) | |
| 18 | #142547 | rgb(20,37,71) | |
| 19 | #152649 | rgb(21,38,73) | |
| 20 | #15274a | rgb(21,39,74) | |
| 21 | #16274b | rgb(22,39,75) | |
| 22 | #16284d | rgb(22,40,77) | |
| 23 | #16294e | rgb(22,41,78) | |
| 24 | #17294f | rgb(23,41,79) | |
| 25 | #172a51 | rgb(23,42,81) | |
| 26 | #182b52 | rgb(24,43,82) | |
| 27 | #182b53 | rgb(24,43,83) | |
| 28 | #182c55 | rgb(24,44,85) | |
| 29 | #192d56 | rgb(25,45,86) | |
| 30 | #192e57 | rgb(25,46,87) | |
| 31 | #192e59 | rgb(25,46,89) | |
| 32 | #1a2f5a | rgb(26,47,90) | |
| 33 | #1a305b | rgb(26,48,91) | |
| 34 | #1b305d | rgb(27,48,93) | |
| 35 | #1b315e | rgb(27,49,94) | |
| 36 | #1b325f | rgb(27,50,95) | |
| 37 | #1c3261 | rgb(28,50,97) | |
| 38 | #1c3362 | rgb(28,51,98) | |
| 39 | #1d3463 | rgb(29,52,99) | |
| 40 | #1d3565 | rgb(29,53,101) | |
| 41 | #1d3566 | rgb(29,53,102) | |
| 42 | #1e3667 | rgb(30,54,103) | |
| 43 | #1e3769 | rgb(30,55,105) | |
| 44 | #1e376a | rgb(30,55,106) | |
| 45 | #1f386b | rgb(31,56,107) | |
| 46 | #1f396d | rgb(31,57,109) | |
| 47 | #20396e | rgb(32,57,110) | |
| 48 | #203a6f | rgb(32,58,111) | |
| 49 | #203b71 | rgb(32,59,113) | |
| 50 | #213c72 | rgb(33,60,114) | |
| 51 | #213c73 | rgb(33,60,115) | |
| 52 | #223d75 | rgb(34,61,117) | |
| 53 | #223e76 | rgb(34,62,118) | |
| 54 | #223e78 | rgb(34,62,120) | |
| 55 | #233f79 | rgb(35,63,121) | |
| 56 | #23407a | rgb(35,64,122) | |
| 57 | #23407c | rgb(35,64,124) | |
| 58 | #24417d | rgb(36,65,125) | |
| 59 | #24427e | rgb(36,66,126) | |
| 60 | #254380 | rgb(37,67,128) | |
| 61 | #254381 | rgb(37,67,129) | |
| 62 | #254482 | rgb(37,68,130) | |
| 63 | #264584 | rgb(38,69,132) | |
| 64 | #264585 | rgb(38,69,133) | |
| 65 | #274686 | rgb(39,70,134) | |
| 66 | #274788 | rgb(39,71,136) | |
| 67 | #274789 | rgb(39,71,137) | |
| 68 | #28488a | rgb(40,72,138) | |
| 69 | #28498c | rgb(40,73,140) | |
| 70 | #294a8d | rgb(41,74,141) |
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#1b315e，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
紺青背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有紺青背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多流行色背景圖推薦
流行色的背景圖
感謝您的瀏覽，希望這些紺青背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。