選擇圖片
將檔案拖曳到這裡，或從裝置中選取。
選擇圖片
將檔案拖曳到這裡，或從裝置中選取。
JPG、PNG、GIF、WebP 或 AVIF，最大 20 MBJPG、PNG、GIF、WebP 或 AVIF，最大 20 MB
圖片色彩工具
圖片取色器
從照片、插圖、螢幕截圖或設計參考中取得精確色彩。操作期間圖片會留在你的裝置上。
放心從圖片選取色彩
當色彩只存在於視覺參考中，還沒有設計 token 時，圖片取色器就很有用。從布料、插圖、產品照片、截圖或靈感板取得數位色彩數值。
HEX 適合 CSS 和網頁設計。RGB 直接描述螢幕使用的紅、綠、藍通道。建立調色盤時，HSL 和 HSV 能更容易理解色相、飽和度，以及明度或亮度。
圖片取色器的實用情境
- 在製作網頁版面前，從參考圖取得品牌重點色。
- 從角色、海報、空間或產品中選取色彩來建立調色盤。
- 將螢幕截圖中的色彩與設計檔案數值進行比較。
- 將 HEX 或 RGB 數值直接複製到 CSS、設計工具或創意簡報。
以隱私為設計前提
圖片會在瀏覽器中解碼、取樣並轉換為色彩數值。Toon Tone 不需要圖片檔案本身、帳號或伺服器上傳。
圖片取色器常見問題
如何從圖片中選取色彩？
選擇或拖曳圖片，將游標移到圖片上預覽像素，再選取位置。取色器會顯示 HEX、RGB、HSL 和 HSV，並可直接複製。
支援哪些圖片格式？
支援瀏覽器能讀取的常見格式，包括 JPG、PNG、GIF、WebP 和 AVIF，檔案上限為 20 MB。
圖片取色器準確嗎？
工具會回報圖片中實際繪製像素的數值。壓縮、色彩設定檔、透明度和原始顯示器都可能影響外觀，因此結果是數位取樣，不是實體色彩標準。
我的圖片會被上傳嗎？
不會。圖片解碼和取樣都在瀏覽器本機完成。
HEX、RGB、HSL 和 HSV 有什麼不同？
HEX 是 RGB 通道的精簡寫法；RGB 直接列出通道。HSL 使用色相、飽和度和明度，HSV 使用色相、飽和度和值（亮度）。