重點摘要
- 01對任何圖像中的任何像素進行取樣,一次點擊即可獲得HEX、RGB和HSL代碼。
- 02具有放大倍數達20倍的放大鏡,輕鬆從徽標或圖標中抓取精確像素。
- 03從多次選擇建構小調色板—一切都在您的瀏覽器中保持私密。
- 04免費、無須註冊,並適用於JPG、PNG、WebP、AVIF、GIF、BMP和HEIC。
為什麼使用瀏覽器型色彩選擇器?
設計師、開發人員和內容創作者經常需要從參考圖像中配對顏色—徽標、情緒板、客戶照片或螢幕截圖。大多數作業系統具有基本吸管工具,但缺乏放大、多格式輸出和調色板建構,這些都是在真實工作流程中快速選擇顏色所需的。
Handytool的色彩選擇器完全在您的瀏覽器中執行,因此無需安裝、帳戶和圖像發送到任何伺服器。您會獲得放大的吸管、三種同時色彩格式(HEX、RGB、HSL)和可重複使用的調色板—全部免費。
如何從圖像選擇顏色
整個流程耗時不到一分鐘。
- 01
放置或打開您的圖像
將您的圖像檔案拖到頁面上或點擊以瀏覽。支援JPG、PNG、WebP、AVIF、GIF、BMP和HEIC—來自iPhone的HEIC檔案使用WebAssembly在本地解碼。
- 02
將放大鏡定位在目標像素上方
將游標移到圖像上。放大的放大鏡跟隨您的游標,讓您可以看到單個像素,即使在密集或小圖像中也是如此。放大倍數可達20倍,用於徽標細節和圖標工作。
- 03
點擊以取樣顏色
點擊您想要的像素。HEX、RGB和HSL值立即出現在面板中。
- 04
複製您需要的格式
點擊任何格式徽章將其複製到您的剪貼板。HEX已準備好用於CSS、RGB適合打印工作,HSL非常適合當您需要設計相同色調的較輕或較深變體時。
- 05
使用多次選擇建構調色板
繼續點擊圖像周圍,將色彩樣本添加到底部的迷你調色板。點擊任何色彩樣本複製其HEX,或點擊x按鈕將其移除。
您應該使用哪種色彩格式?
每種格式都有略微不同的用途。
- 01HEX(#B7FF3E)—網頁CSS和設計工具(如Figma)的通用選擇。
- 02RGB(183, 255, 62)—在打印設計、色彩校準和某些設計應用程式中首選。
- 03HSL(83°, 100%, 62%)—當您想建立色調、陰影或色彩斜坡時最佳。
- 04所有三種格式都代表相同的顏色—複製下游工具期望的任何格式。
您的圖像永遠不會離開您的裝置
色彩選擇器是完全用戶端工具。您放置的每個圖像都由您的瀏覽器Canvas API解碼,每個顏色計算都在本地JavaScript中進行。沒有資料傳輸到任何伺服器、記錄或儲存—即使暫時也不會。
這意味著您可以安全地使用機密模型、客戶藝術品或未發佈產品照片。關閉標籤頁,一切都消失。無需擔心上傳、無需滾動隱私政策。
色彩選擇器常見問題
如何從線上圖像選擇顏色?
將您的圖像放置到Handytool色彩選擇器上,懸停在您想要的像素上,然後點擊。HEX、RGB和HSL值立即出現,可以一次點擊複製。
線上色彩選擇器支援哪些圖像格式?
JPG、PNG、WebP、AVIF、GIF、BMP和HEIC/HEIF。來自iPhone的HEIC照片使用WebAssembly在本地解碼,因此無需轉換。
HEX、RGB和HSL有何區別?
HEX是網頁CSS中常見的六位數代碼。RGB將顏色表示為三個數值(紅、綠、藍),範圍從0到255。HSL使用色調、飽和度和亮度—用於生成色彩斜坡非常有用。
我的圖像是否上傳到伺服器?
否。整個工具在您的瀏覽器中執行。您的圖像從開始到結束都保持在您的裝置上—不會發送到任何伺服器。
我可以從一個圖像保存顏色調色板嗎?
是的。每次點擊都會將色彩樣本添加到頁面底部的調色板。點擊色彩樣本複製其HEX,或點擊x將其移除。關閉標籤頁時調色板會丟失—在離開前複製您的代碼。
色彩選擇器是免費的嗎?
是的。Handytool完全免費,無須註冊、無使用限制和無浮水印。