圖片取色器

上傳任意圖片，點擊任意像素，即可取得該顏色的HEX色碼，以及RGB、HSL和最接近的CSS命名顏色。適用於從螢幕截圖比對品牌色、從照片辨識油漆顏色，或從桌布中抓取天空的精確色調。

為什麼要從圖片取色（而非目測）

「看起來是藍色」可能代表100種不同的藍色。取色器會讀取實際像素值，讓你能將精確的HEX貼入CSS、設計工具或油漆店應用程式。縮放與平移功能可讓你鎖定小細節（如肖像中的眼睛顏色、織物圖案中的一條線）。

取色器回報的資訊

• HEX：可直接貼入CSS、Figma、Photoshop。
• RGB：適用於需要十進位色頻道的工具。
• HSL：便於從選取的基色進行調整。
• 最接近的CSS命名顏色：如「cornflowerblue」、「salmon」等，方便快速參考。
• 亮度與對比提示：根據亮度建議「最佳搭配白色文字」或「使用深色文字」。

工作流程技巧

1. 品牌色比對：上傳品牌素材（標誌、網站截圖），點擊顏色，將HEX貼入你的風格指南。
2. 情緒板色調：在區域周圍取樣數個像素以感受整體氛圍。或使用調色板提取器自動取得5–10種主要顏色。
3. 油漆比對：取樣牆壁照片，然後在油漆品牌應用程式（如Sherwin Williams、Benjamin Moore等皆有HEX查詢功能）中查詢該HEX。

轉換為其他格式

取得HEX後，可透過我們的顏色轉換器轉換為CMYK（印刷用）、Pantone參考或HSL調整。