簡易取色器 icon

簡易取色器

Extension Actions

How to install Open in Chrome Web Store
CRX ID
japmmlbfnhogimgljndenbehfkbgffao
Description from extension meta

從網頁中選取任意顏色,並以HEX、RGB或HSL格式複製到剪貼簿。儲存最近50種顏色。

Image from store
簡易取色器
Description from store

🎨 立即從任何網頁拾取任何顏色

「簡易色彩選擇器」是一款輕量而強大的拾色器工具,讓您能以像素級的精準度,從任何網頁上取樣任何顏色。只需點擊、拾取,顏色值就會立即複製到您的剪貼簿 — 隨時可以貼到您的程式碼、設計工具或文件中。

無論您是正在調整 CSS 的網站開發者、匹配品牌色彩的設計師,或只是對在網路上看到的某個顏色感到好奇,「簡易色彩選擇器」都能讓整個過程毫不費力。無需複雜設定、不索取不必要的權限、不收集任何資料 — 只有一個乾淨、快速、完全符合您期望的色彩選擇器。

⭐ 主要功能

• 放大鏡拾色器 — 一個客製化的色彩取樣工具,帶有可跟隨您游標的放大像素格線 (13×13 儲存格)。近距離查看每個像素,精確選取您想要的顏色,即使是來自微小的 UI 元素或漸層色。

• 即時複製到剪貼簿 — 當您點擊選取顏色時,它會以您偏好的格式自動複製到剪貼簿。沒有多餘步驟,沒有對話框 — 只需選取並貼上。

• 三種顏色格式 — 可選擇 HEX、RGB 或 HSL 輸出格式。您的格式偏好會被儲存並在不同工作階段中保留,因此您總能以您習慣的格式獲取顏色。

• 顏色歷史記錄 — 您最近選取的 50 種顏色會儲存在本機,並在彈出視窗中以視覺化色票顯示。點擊任何色票即可查看詳細提示,其中會顯示該顏色的三種格式,並為每種格式提供獨立的複製按鈕。

• 鍵盤快捷鍵 — 按下 Alt+P (可自訂) 即可在任何頁面啟動色彩選擇器,甚至無需打開彈出視窗。非常適合快速取樣顏色的工作流程。

• 支援深色模式 — 彈出視窗介面會自動適應您的系統主題,無論您偏好淺色或深色模式,都能提供舒適的體驗。

• 55 種語言 — 提供 55 種語言的完全在地化介面,讓您能以母語使用「簡易色彩選擇器」。

🔧 如何運作

1. 點擊工具列中的擴充功能圖示或按下 Alt+P
2. 頁面上會出現一個放大鏡浮層,跟隨您的游標移动
3. 放大鏡會顯示游標周圍的放大像素格線,以便精確選取
4. 放大鏡下方會即時顯示目前顏色的 HEX、RGB 和 HSL 格式
5. 點擊任何地方以選取顏色 — 顏色會立即複製到您的剪貼簿
6. 隨時按 Escape 鍵或右鍵取消

選取的顏色和格式會顯示在彈出視窗中,並且顏色會自動添加到您的歷史記錄中以供未來參考。您可以從歷史記錄面板中重新查看任何先前選取的顏色,並以任何格式再次複製它。

💡 使用情境

• 網站開發 — 快速從線上網站抓取準確的顏色值,用於您的 CSS、SASS 或 Tailwind 設定。再也不用猜測色碼或僅為了找一個顏色而使用瀏覽器開發者工具。

• UI/UX 設計 — 從現有介面、競爭對手網站或設計參考中取樣顏色,以匹配色盤並確保專案的視覺一致性。

• 數位藝術與插畫 — 從參考圖片、情緒板或線上畫廊中拾取顏色來建立您的色盤,無需離開瀏覽器。

• 無障礙網頁稽核 — 識別頁面上的確切前景和背景顏色,以檢查對比度並確保符合 WCAG 規範。

• 品牌合規性驗證 — 直接從線上網站取樣,驗證已發佈的網頁是否使用正確的品牌顏色。

• 教育與學習 — 學生和教師可以透過從真實世界的設計中取樣顏色,並查看它們在不同格式下的數值,來探索色彩學。

• 內容創作 — 部落客、社群媒體經理和行銷人員可以從網站、廣告或競爭對手頁面中匹配顏色,用於自己的視覺內容。

• 簡報製作 — 從任何線上來源拾取顏色,確保您的投影片和文件符合期望的色彩配置。

🏆 為何選擇「簡易色彩選擇器」

• 精準度 — 帶有像素格線的放大鏡提供了基礎拾色器工具無法比擬的精準度。即使在複雜的漸層或繁忙的背景上,您也能確切看到正在選取的像素。

• 速度 — 一鍵拾取,即時複製到剪貼簿,並可透過鍵盤快捷鍵啟動。沒有選單、沒有確認步驟、沒有任何阻礙。

• 真正實用的歷史記錄 — 大多數色彩選擇器在您關閉彈出視窗後會忘記您選取的顏色。「簡易色彩選擇器」會持續儲存您最近的 50 種顏色,並附有完整的格式詳細資訊和一鍵重新複製功能。

• 真正的輕量級 — 整個擴充功能小於 170 KB。沒有臃腫的框架、沒有不必要的功能、沒有消耗資源的背景處理程序。

• 不濫用權限 — 「簡易色彩選擇器」只要求運作所需的最基本權限:存取當前分頁 (以擷取顏色)、儲存空間 (以儲存您的歷史記錄和偏好設定)、寫入剪貼簿 (以複製顏色) 以及腳本執行 (以注入拾色器浮層)。不存取瀏覽歷史、不追蹤、無網路請求。

• 無處不適用 — 基於 Canvas 的客製化拾色器幾乎適用於任何網頁,包括複雜的單頁應用程式、嵌入式內容和動態介面。

🔒 隱私與安全

「簡易色彩選擇器」非常重視您的隱私:

• 零資料收集 — 沒有分析、沒有遙測、沒有使用情況追蹤
• 零網路請求 — 此擴充功能絕不會聯繫任何外部伺服器
• 所有資源皆內建於本地 — 字體、圖示和腳本都包含在擴充功能套件中
• 顏色僅儲存在您的本機瀏覽器儲存空間,絕不會離開您的裝置
• 公開透明 — 最少的權限請求,沒有隱藏功能
• 安裝後可完全離線運作

🔍 技術細節

• 使用現代網頁技術建構,以實現最佳效能和可靠性
• 基於 Canvas 的客製化拾色器,可透過分頁截圖進行即時像素取樣
• 在 HEX、RGB 和 HSL 色彩空間之間進行高效的顏色格式轉換
• 使用本機儲存空間來持續保存顏色歷史記錄 (最近 50 筆) 和格式偏好
• 符合 Manifest V3 規範 — 遵循最新的擴充功能平台標準
• 針對最低記憶體和 CPU 使用率進行了優化 — 拾色器浮層輕巧且反應靈敏
• 透過瀏覽器命令 API 整合鍵盤指令,以支援系統級的快捷鍵

✅ 數秒內即可開始

1. 安裝「簡易色彩選擇器」
2. 點擊擴充功能圖示或按下 Alt+P
3. 將游標指向頁面上的任何顏色並點擊
4. 顏色已複製 — 將其貼到任何您需要的地方

就是這麼簡單。無需帳號、無需設定精靈、無需任何配置。只需安裝即可開始拾取顏色。

簡易色彩選擇器 — 從網路上抓取任何顏色的最快方法。立即試用,看看您的色彩工作流程能變得多麼輕鬆。