Design Drifter
所有工具![Palette source preview]()
圖片調色盤萃取器
從圖片萃取實用的主色調與配色。
圖片檔案只在瀏覽器內處理，不會上傳。
關於
取樣圖片像素並回傳主要顏色的 HEX 值，可直接複製到設計工具或 CSS。擷取過程在本機執行。
上傳圖片後估算五個最常見色彩，檢視色票與 HEX／RGB 值，快速建立設計或程式專案的配色起點。
你可以做什麼
- 在本機取樣圖片像素並找出主色調。
- 顯示五個色票的 HEX 與 RGB 值。
- 產生可複製的 Tailwind 風格配色片段。
常見用途
- 從參考圖片找出品牌色。
- 以照片建立 UI 調色盤起點。
- 為視覺專案建立 CSS 或 Tailwind Token。
常見問題
調色盤是數學上完全精準的嗎？
這是適合實務配色靈感的量化估算，不是完整的色彩科學分析。
透明像素會影響結果嗎？
瀏覽器提供 alpha 通道時，工具會跳過透明像素。