← 全部工具

圖片配色擷取:本機 HEX、RGB 與 CSS 色彩

從本機圖片擷取最多 5–10 個主色,檢查 alpha 加權取樣比例,複製 HEX、RGB 或 CSS 變數,不補重複色湊數。

正在啟用本機工具…

圖片取色

尚未載入圖片;選檔或使用合成範例。

僅處理靜態 PNG、8-bit JPEG、WebP;每張最多 20 MiB/16 MP,每邊 8192 px。拒絕動畫與損壞容器;原生解碼仍可能失敗。採原生解碼方向;WebP 的 EXIF 方向支援因瀏覽器而異。色彩、透明邊緣與輸出品質由瀏覽器決定。不保留原始 metadata。檔案僅留本頁記憶體,不上傳、不儲存。

主色與估計比例

載入圖片再擷取;不足指定色數時不補重複色。

最長邊取樣至 256 px,以 5-bit RGB 分箱後依 alpha 加權排序,取每箱平均色。完全透明像素不算黑色;比例相對全部可見取樣,不只相對選出顏色。這是可重現的主色近似,不是色彩科學完整代表、WCAG 對比或品牌色判定。

如何使用這個工具

載入圖片、指定最多色數再擷取,檢查有界取樣方式,複製個別色碼或下載完整 CSS 變數。

不適合用在什麼情況

分箱色彩是近似值,不是完整科學配色、品牌分類或 WCAG 對比評估。完全透明取樣不會變成黑色。

閱讀實作指南 →