拖放一張照片、畫作、螢幕截圖或情緒板圖片;即可獲得5–10種主色及其HEX值。從品牌攝影中建立調色盤、從喜愛的畫作中取樣色調,或提取夕陽的色彩來打造與桌布匹配的設計系統。
提取原理
此工具會根據色彩相似度(在CIE Lab色彩空間中進行k-means分群,該空間近似人類感知色彩差異的方式)對圖片中的每個像素進行分群。群集中心即成為您的主色。您可以選擇群集數量(預設為5;最多10個,適用於色彩更豐富的圖片)。
在Lab空間中進行分群很重要:若在原始RGB空間中進行,會產生視覺上相似的複製色,並遺漏人眼可辨別的細微色調差異。Lab空間符合人類感知,因此調色盤會感覺更自然。
您將獲得
- 5(或10)個HEX色票,按覆蓋面積排序。
- 每種顏色的RGB和HSL值。
- 調色盤色票下載,可選擇PNG(用於分享)或SVG(用於設計檔案)。
- CSS變數片段,可直接貼入您的樣式表中。
- Tailwind設定片段,可直接用於tailwind.config.js。
常見應用流程
- 從產品攝影建立品牌調色盤。上傳您的英雄圖片;從這些色調中建立品牌色彩。
- 與桌布匹配的UI主題。從您喜愛的桌布中提取色彩;將調色盤用作應用程式主題。
- 數位藝術的繪畫參考。在繪製自己的場景前,先取樣大師的調色盤。
- 情緒板整合。從多個參考圖片中分別提取調色盤,再合併喜愛的顏色,形成一個統一的調色盤。
搭配相關工具使用
取得調色盤後,可使用漸層產生器在相鄰顏色之間建立漸層,或使用色彩轉換器轉換為適合印刷的CMYK。若要從圖片中特定位置選取單一顏色,請使用色彩選取器。
關於 調色盤提取器
調色盤提取器 是 Wallpapers.com 提供的免費線上工具,完全在您的瀏覽器中運行 — 無需安裝、無水印、首次試用無需註冊電郵。
從任何圖片中提取5-10種主色。
如何使用 調色盤提取器
- 從色板中選擇顏色,或貼入 HEX / RGB 值。
- 調整輸出 — 色調、對比度、補色。
- 複製值,或將色板匯出為 JSON。
何時使用它
常見用途包括:
為網頁上傳、電商清單、有格式限制的社群媒體平台做圖片準備,以及在不同裝置或應用程式間轉換檔案。
免費 vs 高級
每位訪客均可免費試用一次;登入的免費用戶享有更高的每日配額。訂閱
高級
以獲取無限次運行、每批次最多 200 張圖片的批量處理、優先隊列,以及無廣告瀏覽。
11
尋找稍有差異的選項?嘗試
圖片取色器
,
漸層產生器
或
灰階轉換器
— 或瀏覽所有
色彩工具 工具.