Native Color Picker - 滴管與調色盤

使用原生取色器擷取螢幕色彩，複製 HEX、RGB 或 HSL，儲存調色盤並檢查對比度。不需帳號。

Native Color Picker - 滴管與調色盤是一款適合設計師、開發者，以及所有需要處理螢幕色彩的使用者的取色工具。使用瀏覽器原生滴管擷取可見的像素，再於同一個本機工作空間中編輯、複製及重複使用該色彩。 ✨ 功能介紹 • 擷取螢幕上的像素，並以您偏好的 HEX、RGB 或 HSL 格式自動複製色彩。 • 手動輸入現有色碼，或直接切換格式，無須開啟其他工具。 • 保留最近十個色彩，並將最多六個色彩釘選至可重複使用的調色盤。 • 將釘選的調色盤匯出為 JSON 或 CSS 自訂屬性。匯入相容的 JSON 調色盤，將色彩合併至剩餘的空位。 • 使用雙色對比度檢查工具比較前景色與背景色。查看對比度比值、一般文字的 WCAG AA 與 AAA 結果，以及大型文字的 AA 結果。 • 選擇淺色主題、深色主題，或依照系統偏好設定。 • 透過鍵盤快速鍵開啟彈出視窗，再按 Enter 或空白鍵開始螢幕取色。 🚀 使用方式 1. 將 Native Color Picker 釘選到工具列並開啟。首次執行的快速入門會說明操作控制項與目前啟用的快速鍵。 2. 按一下「選取色彩」，再按一下可見的像素。按 Escape 即可取消原生取色，不會儲存新色彩。 3. 複製其中一種格式、編輯色彩值，或釘選色彩。開啟調色盤工具以匯入或匯出已儲存的色彩，也可以比較兩個色彩的對比度。 🎯 適合哪些人 需要從可見設計稿中收集少量品牌色彩的設計師。 需要將 HEX、RGB 與 HSL 色彩值套用到 CSS 的前端開發者。 需要檢查選定的文字與背景色彩組合是否有足夠對比度的使用者。 🔒 隱私權 色彩、歷程記錄、釘選的調色盤、偏好設定與使用次數僅保存在此 Chrome 設定檔的擴充功能本機儲存空間中。調色盤檔案在您的裝置上讀取或下載。取色工具不會上傳這些內容，不會收集瀏覽記錄，也不使用分析工具。不需要帳號。商店評論與推薦連結只有在您主動選擇時才會開啟。 ❓ 常見問題 它會掃描網站，或從圖片產生調色盤嗎？ 不會。您可以使用原生滴管逐一選取可見像素，或手動輸入不透明色彩值。它不會檢查網頁樣式，也不會自動從圖片擷取調色盤。 對比度結果是否代表完整的無障礙稽核？ 不是。它只會計算您選擇的兩個色彩之間的對比度，不會檢查頁面的實際背景、字型大小、圖片或其他無障礙要求。 螢幕取色需要瀏覽器支援 EyeDropper API。此擴充功能適用於 Chrome 114 或更新版本。建議的快速鍵若與其他指令衝突，可能維持未指派狀態；快速入門提供快速鍵設定的連結。 內含的所有工具皆可免費使用。支援信箱：balubenko.ink@gmail.com。