從圖片擷取色彩配色
注重隱私的設計 — 完全在您的瀏覽器中執行
在瀏覽器中從圖片擷取色票。把照片、Logo 或截圖拖入,Toova 會把主導色以 HEX 與 RGB 數值呈現,可以直接貼進您的設計系統或樣式表——而且不會把圖片上傳到任何地方。
擷取流程
Toova 會從圖片中取樣畫素,依感知相似度進行分群,並呈現出最突出的色調。您可以挑選色票要包含幾種顏色——通常 5 到 10 種就能完整覆蓋一張品牌圖像。每種顏色會以色塊呈現,搭配可一鍵複製的 HEX 與 RGB 代碼,並標示該色調在圖片中所佔的百分比。
使用情境
從首頁主視覺圖建立新網站的色票。從既有 Logo 衍生與品牌一致的次要色。在不必逐畫素挑色的情況下,稽核哪些顏色主導了競品網站。Toova 比把圖片丟進設計工具再用色彩吸管更快,而且結果可以直接放進 CSS、Tailwind 設定或任何設計系統。
圖片留在您的裝置上
Toova 直接在您的瀏覽器中讀取圖片。檔案絕不會被上傳到伺服器,內容也不會被記錄。當圖片是未發表的設計稿、客戶照片或專有品牌素材時,這特別重要。擷取期間 Network 分頁會保持空白,網頁載入後可離線運作。
常見問題
- 我應該擷取幾種顏色?
- 5 種顏色能涵蓋大多數品牌識別。8 到 10 種能提供更多用於變體與點綴的色調。超過 12 種會開始顯得雜亂,因為色調之間的差異會小到人眼分辨不出。
- 支援哪些圖片格式?
- 您的瀏覽器原生能解碼的格式都支援——JPEG、PNG、WebP、AVIF、GIF。SVG 也支援。檔案大小只受瀏覽器記憶體限制。
- 色票會包含透明背景嗎?
- 透明畫素在擷取過程中會被忽略,所以透明背景上的 Logo 只會回傳有意義的顏色。帶 Alpha 通道的 PNG 與 WebP 圖片都能被正確處理。
- 可以從 URL 擷取而不上傳檔案嗎?
- 可以——貼上 URL,Toova 會直接在您的瀏覽器中取得圖片(受目標來源的 CORS 政策限制)。若因為 CORS 而失敗,請先下載圖片再拖到輸入區。
- 我的圖片會被送到任何地方嗎?
- 不會。圖片處理完全在您的瀏覽器中執行。檔案從不離開您的裝置。