Color Palette Extractor — Generate Color Schemes from Images
Upload any photo or design to extract dominant colors, copy HEX & RGB codes, and export CSS variables.
在您的瀏覽器中執行。您的檔案不會離開裝置。 瞭解如何驗證
…
使用方法
- 1選擇設定
填寫資訊或選擇您需要的選項。
- 2檢視結果
更改任何內容時，預覽會立即更新。
- 3下載或儲存
將結果儲存到您的裝置。不會向伺服器傳送或儲存任何內容。
關於此工具
Extract harmonious 5, 6, or 8-color palettes from photos, logos, and artwork using smart color quantization. Click any color swatch to copy HEX, RGB, or HSL values, copy a ready-to-use CSS variables block, or download a high-resolution palette swatch card.
獲得最佳結果的提示
開始之前請花一點時間閱讀選項，並先用一個小例子試用工具。一切都在您裝置的瀏覽器中執行；您輸入或新增的任何內容都不會被上傳，關閉標籤頁會清除所有內容。如果看起來不對，請重新整理頁面重試，或使用本頁的報告連結告訴我們出了什麼問題。如果結果仍然看起來不對，請每次只更改一個值，看看哪個輸入影響最大。如果您還會再用，請收藏此頁。
要點
- 分類: 圖片
- 在瀏覽器中執行，無需註冊，無需上傳。
- 您輸入的資訊保留在裝置上。
- 提供多種語言。
- 內容最後稽核日期:
常見問題
How does the palette extractor work?
It samples the pixels of your image and groups similar shades using color quantization to find the most dominant tones.
Can I copy CSS variables for web development?
Yes, click 'Copy CSS Variables' to get a complete :root block ready to paste into your CSS stylesheet.
Can I export a palette swatch card image?
Yes, click 'Export Palette Card' to generate a downloadable high-resolution PNG swatch image for Figma or client presentations.
What image formats are supported?
PNG, JPG, JPEG, WebP, SVG, and AVIF images are all supported.