調色盤提取器

← ToolBox / 調色盤提取器

🎨 Median-Cut Palette Extractor

Upload an image and extract its dominant colours with the median-cut algorithm, then edit and export the palette as CSS or JSON.

📐 計算公式 / 原理
中位切分：在 RGB 空間沿畫素分佈最長的顏色軸遞迴取中位分割，直至達到目標色數 k
基於中位切分（median-cut）色彩量化：反覆沿最長顏色軸中位切分，得到 k 個代表色，相比平均法更能保留畫面主色調；可編輯並匯出 CSS 或 JSON。
📁
拖拽圖片到此處，或點選選擇檔案
支援 JPG、PNG、WebP、BMP 格式
預覽圖片
正在分析顏色...

提取結果

匯出調色盤

🔗 相關工具

📈 CSS動畫生成器（關鍵幀視覺化） - 免費線上工具，純前端處理 | ToolBox免費線上工具箱CSS動畫生成器（關鍵幀視覺化） 🎵 Web Audio 節拍器 - 免費生成器工具，線上節拍器 | ToolBox免費線上工具箱線上節拍器 🔳 二維碼生成器（已有，可加強定製） - 免費線上工具，純前端處理 | ToolBox免費線上工具箱二維碼生成器（已有，可加強定製） 🏷️ 條形碼生成器（EAN-13等） - 免費線上工具，純前端處理 | ToolBox免費線上工具箱條形碼生成器（EAN-13等） 📈 盒子陰影生成器（視覺化調整） - 免費線上工具，純前端處理 | ToolBox免費線上工具箱盒子陰影生成器（視覺化調整）
🎨 工具介紹與常見問題 ▼

調色盤提取器是一款純前端圖片顏色分析工具，採用中位切分法（Median Cut）演算法，從上傳的圖片中智慧提取主色調，幫助設計師和開發者快速獲取配色方案。

✨ 功能特點

🎯 使用場景

📚 深度解析：調色盤提取器

💡 常見使用場景

提取海報主色
<p><strong>輸入：</strong>上傳海報。</p><p><strong>處理：</strong>畫素統計取前 N 主色。</p><p><strong>輸出：</strong>主色 HEX 與佔比，可複製。</p>

❓ 常見問題（FAQ）

透明背景影響嗎？
透明畫素通常不計入主色統計，避免被背景色干擾。
色數限制多少？
取前 N 主色即可；色數越多越接近原圖但越雜，一般 5~8 色夠用。
會儲存或上傳我的內容嗎？
結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。
⚠️ 使用說明與注意事項