瀏覽器內的私密工具
圖片調色盤生成器
從圖片中提取實用的主色調色盤，並複製 HEX、RGB、CSS 或 JSON 值。
每張圖片最大 20 MiB、40 百萬像素。聯絡表支援 2–50 張圖片，總計最多 100 MiB。圖示輸出會把整張圖片放入帶透明邊距的正方形中。
瀏覽器本地處理無需帳號免費使用 原圖保持不變
為什麼需要這個工具
五到八個色塊通常就能組成實用的調色盤。
- ✓ 3–10 種顏色
- ✓ HEX/RGB
- ✓ CSS 變數
- ✓ JSON
適用場景
- • 品牌靈感
- • UI 設計
- • 演示主題
把照片變成可用的調色盤
調色盤在幫助做出真實設計決策時最有用：選擇介面顏色、演示強調色，或一小組受品牌啟發的色塊。
以主色作為起點
照片調色盤會偏重佔據最多像素的顏色。它適合作為靈感，但並不自動等於符合無障礙要求的介面調色盤。
將 HEX 或 RGB 值複製到設計工具中，並在用於文字或控制元件之前單獨檢查對比度。
保持調色盤精簡
幾種顏色比一大堆幾乎相同的色塊更好用。先從精簡的一組開始，只在設計需要時再加入特別的強調色。
常見問題與解答
照片調色盤應該包含幾種顏色？
小型調色盤通常更好用。六種顏色是實用的起點；如果圖片有多個明顯不同的區域，可以多加幾種。
提取的顏色可以直接用作無障礙介面顏色嗎？
不一定。在介面中使用提取的顏色之前，請單獨檢查文字和控制元件的對比度。
可以獲取 HEX 值嗎？
可以。調色盤工具會提供適用於 CSS 和設計流程的顏色值。
為什麼調色盤中有些顏色看起來略有不同？
提取時會合並相近的像素顏色以減少噪點，因此顯示的色塊是代表色，而不是每個原始像素的記錄。
繼續後續流程
Base64 轉圖片轉換器
解碼 Base64 字串或 data URI，預覽圖片，並在瀏覽器中將其下載為真正的檔案。
線上模糊圖片
在分享或發布前為圖片新增可調節的模糊效果，適合柔化截圖、背景和敏感的視覺內容。
線上裁剪圖片
將 JPG、PNG 和 WebP 圖片裁剪為自定義區域而不拉伸原圖，快速為表單、網站和社交媒體修整照片。
網站圖示生成器
將一張圖片生成實用的 favicon 套件，包含瀏覽器、Apple touch 和 PWA 尺寸，以及可直接複製的 HTML。
線上翻轉圖片
水平或垂直翻轉、映象圖片，保持原有尺寸，並生成可下載的新副本。
圖片長寬比計算器
讀取圖片長寬比，並計算 16:9、4:3、1:1、4:5 及自定義比例的對應尺寸。