純色背景生成器

純色背景生成器是一款線上工具，可以快速生成指定顏色和尺寸的純色背景圖片。支援自訂 HEX 顏色值、常用尺寸預設（如 1920x1080、4K 等），以及 PNG 和 JPG 兩種輸出格式。生成的圖片可用於桌面桌布、社群媒體封面、簡報背景、網頁設計等多種場景。所有處理均在瀏覽器本地完成，無需上傳伺服器，保護您的隱私安全。 如果用於品牌素材或螢幕展示，建議同時確認色碼、畫布比例與匯出格式，避免在不同裝置、壓縮平台或投影環境中出現偏色、拉伸或邊緣鋸齒。

純色生成器使用 HTML5 Canvas API 建立一個以單一顏色填滿的矩形圖片，並匯出為 PNG 或 JPEG。流程很直接：以程式方式建立指定像素尺寸的 Canvas 元素，透過 getContext('2d') 取得 2D 渲染上下文，再用 ctx.fillRect(0, 0, width, height) 將整個畫布填上選取的 fillStyle 顏色。 顏色輸入接受六位數 HEX 值（如 #2563eb），直接對應 sRGB 色彩空間——與 CSS 及瀏覽器預設合成器使用的色彩空間相同。當 HEX 值指派給 ctx.fillStyle 時，瀏覽器會在內部轉換為畫布後端儲存的像素格式（通常為 RGBA8，每像素四位元組，排列順序為 R、G、B、A，採預乘 alpha）。對於純色填充，矩形中的每個像素都取得相同的 RGBA 四元組，因此未壓縮的記憶體佔用量恰好為 width × height × 4 位元組——一張 4K 畫布（3840 × 2160）在渲染期間大約使用 33 MB 的 GPU 記憶體。 匯出格式影響檔案大小與保真度。PNG（Portable Network Graphics，ISO/IEC 15948）使用 DEFLATE 壓縮演算法搭配掃描行濾波步驟；對於純色圖片，濾波器從左側鄰近像素預測，DEFLATE 對接近零的殘差壓縮效果極佳——一張 1920×1080 的純色 PNG 通常不到 4 KB。JPEG（ISO/IEC 10918）對 8×8 像素區塊套用離散餘弦轉換（DCT），然後進行量化與霍夫曼編碼；即使品質設為 0.92，完美平坦區塊的 DCT 僅產生單一 DC 係數，但色度子取樣（大多數編碼器預設為 4:2:0）可能在近距離檢視純色圖片時產生細微的 8×8 區塊痕跡。因此，PNG 是精確純色輸出的建議格式；僅在檔案大小限制優先於像素完美保真度時才使用 JPEG。 尺寸驗證將寬度上限設為 7680、高度上限設為 4320（8K UHD），低於 Chrome 的畫布尺寸限制 32767×32767 像素，但高於大多數整合式 GPU 能分配的單一紋理大小——這是防止低記憶體裝置瀏覽器分頁當機的安全邊際。

• Canvas 像素格式：ctx.fillStyle 接受 CSS 顏色字串，包括 HEX、rgb() 和命名顏色；瀏覽器轉換為畫布後端儲存的原生 RGBA8 格式——每個純色像素都相同，因此未壓縮的記憶體成本為 width × height × 4 位元組。
• PNG 壓縮（ISO/IEC 15948）：DEFLATE 搭配掃描行預測器——對於純色圖片，預測器產生接近零的殘差，DEFLATE 達到極高的壓縮比；一張 1080p 純色 PNG 通常不到 4 KB，儘管原始像素有 8.3 MB。
• JPEG 壓縮（ISO/IEC 10918）：8×8 DCT 區塊、量化表與霍夫曼熵編碼——純色輸入在每個區塊產生單一 DC 係數，但色度子取樣（4:2:0）即使在品質 0.92 下仍可能產生細微的 8×8 網格痕跡。
• toDataURL 與 toBlob：toDataURL() 回傳同步的 base64 編碼 data: URI（對已編碼的位元組增加約 33% 的額外開銷）；toBlob() 回傳非同步的 Blob，適用於 fetch 上傳或 createObjectURL 下載連結，無需 base64 膨脹。
• GPU 記憶體限制：Chrome 單一畫布尺寸上限為 32767×32767，但一張 4K 畫布已消耗約 33 MB 的 GPU 紋理記憶體；本工具的 7680×4320 上限是安全限制，確保渲染在筆電整合式 GPU 的能力範圍內。
• 色彩空間：畫布操作預設使用 sRGB 色彩空間；HEX 轉 RGB 的轉換在 sRGB 編碼中是線性的，但在物理光強度中不是線性的——當生成的圖片後續用於廣色域（Display P3）工作流程時這一點很重要。
• 本機執行：整個流程——畫布建立、填充與匯出——在瀏覽器主執行緒中執行，不涉及任何網路呼叫；生成的圖片位元組不會離開裝置，畫布元素在下載完成後被垃圾回收。