取色器 - Free Online Tool | PivaBox

從圖片中選取顏色

顏色提取器 — 從圖片中提取和識別顏色代碼

  1. 上傳一張圖片到顏色提取器。工具將圖片載入到互動式畫布上,您可以在圖片上移動滑鼠,即時查看每個像素的精確顏色值。
  2. 點擊圖片任意位置即可捕獲該像素的顏色。工具以多種格式同時顯示顏色值:HEX(#RRGGBB)、RGB、HSL 和 HSV,並提供大尺寸的顏色預覽色塊。
  3. 複製所需格式的顏色代碼,用於您的設計、CSS、品牌素材或任何創意專案。可從任意圖片中多次取色構建完整調色盤。

Frequently Asked Questions

顏色提取器免費嗎?

完全免費,無限制提取任意數量圖片中的顏色,無浮水印、無使用限制。

我的圖片會上傳到伺服器嗎?

不會。所有顏色提取操作均透過 Canvas 像素處理在瀏覽器本機完成,您的圖片不會離開裝置。

設計師常用哪些顏色格式,如何在專案中使用提取的顏色?

不同場景需要不同的顏色格式:(1) HEX — CSS/HTML 標準,使用 6 位十六進位碼。(2) RGB — 用於 CSS rgba() 函數和 Figma/Sketch 等設計工具。(3) HSL — 更符合人類直覺:色相(0-360° 色輪)、飽和度(0-100% 鮮豔度)、亮度(0-100% 明暗度),設計師偏愛 HSL 因為調飽和度和亮度比調 RGB 通道更自然。(4) HSV/HSB — Photoshop 檢色器使用的格式。專業技巧:用檢色器從品牌 logo 或網站截圖中提取精確的品牌色,然後圍繞這些基礎色構建統一的配色方案。