77張菫色無版權背景圖片分享站｜立即下載使用
菫色配色背景圖下載專區
77款以菫色為基礎的背景圖已整理完畢，色碼標示清楚，可自由應用。
菫色背景圖下載方式
所有圖片皆為 PNG 無壓縮格式，點擊右鍵選擇「另存圖片為...」即可下載。每張圖片已自動內嵌檔名，例如：菫色-編號2-色號-#6f60aa.png，方便您管理與分類使用。
系統原預計產生 77 張背景圖，實際產生 74 張。由於第 75 張起顏色與白色或黑色過於接近，因此後續已省略顯示。
菫色的色碼總覽（HEX 與 RGB）
| 編號 | 色塊 | 色碼（HEX） | RGB |
|---|---|---|---|
| 1 | #393157 | rgb(57,49,87) | |
| 2 | #3a3259 | rgb(58,50,89) | |
| 3 | #3c345c | rgb(60,52,92) | |
| 4 | #3d355e | rgb(61,53,94) | |
| 5 | #3f3660 | rgb(63,54,96) | |
| 6 | #403762 | rgb(64,55,98) | |
| 7 | #423964 | rgb(66,57,100) | |
| 8 | #433a67 | rgb(67,58,103) | |
| 9 | #443b69 | rgb(68,59,105) | |
| 10 | #463c6b | rgb(70,60,107) | |
| 11 | #473e6d | rgb(71,62,109) | |
| 12 | #493f6f | rgb(73,63,111) | |
| 13 | #4a4072 | rgb(74,64,114) | |
| 14 | #4c4174 | rgb(76,65,116) | |
| 15 | #4d4376 | rgb(77,67,118) | |
| 16 | #4f4478 | rgb(79,68,120) | |
| 17 | #50457b | rgb(80,69,123) | |
| 18 | #51467d | rgb(81,70,125) | |
| 19 | #53487f | rgb(83,72,127) | |
| 20 | #544981 | rgb(84,73,129) | |
| 21 | #564a83 | rgb(86,74,131) | |
| 22 | #574b86 | rgb(87,75,134) | |
| 23 | #594d88 | rgb(89,77,136) | |
| 24 | #5a4e8a | rgb(90,78,138) | |
| 25 | #5c4f8c | rgb(92,79,140) | |
| 26 | #5d508e | rgb(93,80,142) | |
| 27 | #5e5291 | rgb(94,82,145) | |
| 28 | #605393 | rgb(96,83,147) | |
| 29 | #615495 | rgb(97,84,149) | |
| 30 | #635597 | rgb(99,85,151) | |
| 31 | #645799 | rgb(100,87,153) | |
| 32 | #66589c | rgb(102,88,156) | |
| 33 | #67599e | rgb(103,89,158) | |
| 34 | #695aa0 | rgb(105,90,160) | |
| 35 | #6a5ca2 | rgb(106,92,162) | |
| 36 | #6b5da4 | rgb(107,93,164) | |
| 37 | #6d5ea7 | rgb(109,94,167) | |
| 38 | #6e5fa9 | rgb(110,95,169) | |
| 39 | #7061ab | rgb(112,97,171) | |
| 40 | #7162ad | rgb(113,98,173) | |
| 41 | #7363b0 | rgb(115,99,176) | |
| 42 | #7464b2 | rgb(116,100,178) | |
| 43 | #7566b4 | rgb(117,102,180) | |
| 44 | #7767b6 | rgb(119,103,182) | |
| 45 | #7868b8 | rgb(120,104,184) | |
| 46 | #7a69bb | rgb(122,105,187) | |
| 47 | #7b6bbd | rgb(123,107,189) | |
| 48 | #7d6cbf | rgb(125,108,191) | |
| 49 | #7e6dc1 | rgb(126,109,193) | |
| 50 | #806ec3 | rgb(128,110,195) | |
| 51 | #8170c6 | rgb(129,112,198) | |
| 52 | #8271c8 | rgb(130,113,200) | |
| 53 | #8472ca | rgb(132,114,202) | |
| 54 | #8573cc | rgb(133,115,204) | |
| 55 | #8775ce | rgb(135,117,206) | |
| 56 | #8876d1 | rgb(136,118,209) | |
| 57 | #8a77d3 | rgb(138,119,211) | |
| 58 | #8b78d5 | rgb(139,120,213) | |
| 59 | #8d7ad7 | rgb(141,122,215) | |
| 60 | #8e7bd9 | rgb(142,123,217) | |
| 61 | #8f7cdc | rgb(143,124,220) | |
| 62 | #917dde | rgb(145,125,222) | |
| 63 | #927fe0 | rgb(146,127,224) | |
| 64 | #9480e2 | rgb(148,128,226) | |
| 65 | #9581e5 | rgb(149,129,229) | |
| 66 | #9782e7 | rgb(151,130,231) | |
| 67 | #9884e9 | rgb(152,132,233) | |
| 68 | #9a85eb | rgb(154,133,235) | |
| 69 | #9b86ed | rgb(155,134,237) | |
| 70 | #9c87f0 | rgb(156,135,240) | |
| 71 | #9e89f2 | rgb(158,137,242) | |
| 72 | #9f8af4 | rgb(159,138,244) | |
| 73 | #a18bf6 | rgb(161,139,246) | |
| 74 | #a28cf8 | rgb(162,140,248) |
原預計顯示 77 組色碼，但從第 75 筆開始已接近純白或純黑，因此省略重複的色碼。
色碼是設計與前端開發中不可或缺的基礎工具。最常見的兩種色碼格式分別是 HEX 和 RGB。
- HEX 色碼 是以十六進位表示顏色，例如
#6f60aa，是網頁設計與 CSS 樣式表中最常用的色彩表示法之一。 - RGB 色碼 則是用三組數值分別代表紅（Red）、綠（Green）、藍（Blue）的光強度，例如
rgb(255, 69, 0)，適合需要動態調整色彩或使用 JavaScript 控制的情境。
無論您是設計師還是開發者，了解 HEX 與 RGB 的色碼表示方式，能夠更準確地控制畫面色彩與風格。在下方表格中，您可以點擊任一 HEX 或 RGB 色碼，即可快速複製使用。
菫色背景圖的使用建議
- 網站或部落格頁面背景設計
- 簡報投影片與視覺設計
- 桌布、手機背景圖、封面模板
- 商品圖修圖背景
是否可以免費商業用途？
是的，所有菫色背景圖皆為免版權素材，您可自由下載並使用於個人或商業用途。
更多流行色背景圖推薦
流行色的背景圖
感謝您的瀏覽，希望這些菫色背景圖能為您帶來更多創作靈感！記得收藏本站以便日後查找更多免費商用圖。
關於線上隨機顏色背景圖產生器
此網站內所有背景圖產生器工具均由天天瘋後製原創製作 所有的產生出來的背景圖都是可商業用途，純屬娛樂好玩和增加靈感。