固色圖片生成器
產生一個精確尺寸的固色 PNG、JPEG 或 WebP,僅需輸入六位元組的十六進位顏色,且不會上傳任何內容。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.請輸入精確的輸出寬度與高度,單位為整數像素。
- 2.選擇六位元組的顏色、輸出格式,以及適用時的 JPEG 或 WebP 品質。
- 3.選擇「生成圖片」,確認尺寸、MIME 型別與顏色,然後下載檔案。
關於固色圖片生成器
固色圖片生成器可將一個選定的十六進位顏色轉換為可下載的點陣圖圖片,並精確匹配像素尺寸。輸入寬度與高度,選擇填色,選擇 PNG、JPEG 或 WebP,然後生成檔案。瀏覽器會以請求的顏色填滿每一個像素,並在本機進行編碼。無需原始檔案,不會上傳圖片,也無需帳號或遠端渲染服務。
寬度與高度必須為從 1 到 10,000 的整數像素。畫布總合限制為 40 百萬像素,以確保瀏覽器標籤中的記憶體使用受控。一個 1920×1080 的背景、1200×630 的社交預覽基礎、512×512 的色塊,或 1×1 的追蹤測試裝置皆為有效。此工具不適用預設的長寬比例,亦不聲稱某尺寸適合特定平臺;輸出完全依照使用者輸入的內容。
顏色控制會產生六位元組的 sRGB 風格十六進位值,例如 #2563eb。此實現會將該值完整塗佈於自然尺寸的畫布上,無漸層、紋理、透明度通道、邊框、色彩校正或隱藏疊加層。結果會重複輸入的標準化十六進位值,以便與選擇的輸入進行對比。瀏覽器畫布的色彩管理與顯示校準仍會影響該顏色在特定螢幕上的顯示,因此此工具無法取代印刷色彩管理流程。
PNG 的輸出為無損的平滑像素,且忽略品質欄位。JPEG 與 WebP 則提供從 1% 到 100% 的整數品質控制,並將其作為標準化值傳遞至瀏覽器編碼器。品質會影響壓縮行為與檔案大小,但不會改變請求的寬度、高度或檔名顏色程式碼。瀏覽器編碼器可能對相同設定產生不同的位元組大小,且 WebP 的支援取決於瀏覽器編碼能力。若編碼失敗或不支援,將顯示明確錯誤。
下載檔的命名會包含所選顏色與尺寸,例如 solid-2563eb-1920x1080.png。JPEG 使用常見的 .jpg 延伸名,而 WebP 與 PNG 則保留標準延伸名。結果會報告精確的尺寸、瀏覽器返回的 MIME 型別、標準化十六進位顏色與近似位元組大小。預覽僅會縮放以適配頁面,絕不會成為下載圖片的來源。
平滑顏色圖片可用於展示背景、臨時首頁面板、CSS 無關的測試裝置、影片遮罩、模擬內容區塊、顏色對比資源,以及作為圖片流程的輸入。產生本機檔案可避免截圖的瑕疵,並確保點陣圖擁有請求的尺寸。同時也讓自動或手動測試更簡單,當需要預測的單色輸入以供裁剪、調整大小、過濾或格式轉換前使用。
此專注的生成器不會產生透明度、漸層、圖案、雜訊、文字、標誌、顏色調色盤、ICC 檔案、CMYK 輸出、動態檔案,或一次生成多個尺寸。它也不保證瀏覽器之間的 JPEG 或 WebP 輸出在位元組上完全一致,因為這些編碼器由瀏覽器提供。若需要居中文字、多色漸層或印刷生產中的色彩管理編輯功能,請使用佔位符圖片生成器。
方法與來源
解析受限的整數像素尺寸,執行共享的 40 百萬像素畫布預算,標準化一個六位元組顏色,驗證 PNG/JPEG/WebP 與有損品質設定,填滿自然尺寸畫布一次,使用瀏覽器請求的 MIME 型別進行編碼,拒絕空輸出,並收回過期的物件 URL。
常見問題
- 所選的十六進位顏色會自動變更嗎?
- 不會。畫布會以標準化六位元組值填滿,且不會應用對比、漸層或調色盤調整。
- 品質會影響 PNG 的輸出嗎?
- 不會。品質控制僅用於瀏覽器編碼的 JPEG 與 WebP 檔案。
- 為何 JPEG 或 WebP 檔案大小會因瀏覽器而異?
- 這些格式由瀏覽器進行編碼,編碼實作可能在相同請求品質下做出不同的壓縮決定。
- 會有任何圖片資料傳送至伺服器嗎?
- 不會。畫布建立、顏色填滿、編碼、預覽與下載皆在瀏覽器本機完成。
相關工具
- 圖片顏色選擇器點選任意一個像素,即可取得其精確的 HEX 與 RGB 顏色——免費、私密,且完全在你的瀏覽器中執行。
- 圖片過濾效果以可追蹤的方式,針對本機檔案執行灰階、褐調、反轉、暖色或冷色效果,可調整強度並保留透明度。
- placeholder 圖形生成器立即在瀏覽器中以你選擇的顏色和標籤建立自訂大小的 PNG 佔點陣圖。
- 圖片加入邊框在本機為 JPG、PNG 或 WebP 四周加入 1–500 畫素純色邊框,並下載完整解析度 PNG。
- PNG 加入背景在本機以精確純色取代 PNG 透明區域,同時保留原始畫素尺寸。
- 圖片加入陰影為本機 JPG、PNG 或 WebP 加上可控制的下拉陰影,不上傳圖片即可下載完整解析度透明 PNG。
圖片工具 使用指南
查看全部- How to Make an Image a Solid Color in Photoshop (英文原文)
- How to Get Colors From an Image as a Solid File (英文原文)
- How to Add a Background to a PNG for Your Website (英文原文)
- Convert WebP to GIF on Mac Without Uploading It (英文原文)
- How to Convert WebP to GIF in Your Browser (英文原文)
- Convert SVG to PNG With a Transparent Background (英文原文)
- How to Convert SVG to JPG in Windows Without Software (英文原文)
- Add Rounded Corners to a Photo in Your Browser (英文原文)
- How to Convert PNG to JPG Without Losing Quality (英文原文)
- Image Placeholder for Photoshop, Without the App (英文原文)
- Cities: Skylines 2: Create a Reference Overlay PNG Locally (英文原文)
- Turn Your Memento Backpack Division 2 Hunt Into a Meme (英文原文)
- Convert JPG to PNG Without Canva: A Faster Way (英文原文)
- How to Put an Image to PDF Without Uploading It (英文原文)
- Image to Base64 in JavaScript Without Writing Code (英文原文)
- Image to ASCII Explained: How Pixels Become Text (英文原文)
- Change Image DPI in Illustrator Without Re-encoding (英文原文)
- Resizing an Image in Paint? Try Your Browser Instead (英文原文)
- How to Split an Image Into a Grid for Instagram Posts (英文原文)
- How to Flip an Image in Google Docs (2 Easy Ways) (英文原文)