Color Picker

選好顏色就開工——零負擔

我們在 2025 年打造 Color Picker，是因為受夠了笨重的應用程式與過度複雜的色彩工具。身為前端開發者與插畫師，我們需要能快速「擷取」顏色、稍作調整就繼續前進的方式。它起初是內部工具，後來成為同事們的最愛；我們將其打磨上線，向所有人開放。無需帳號、沒有學習門檻——開啟頁面、選擇色調，然後複製 HEX、RGB、HSL 或 HSV 代碼。

我們的取色器為何受歡迎

如果你曾看著設計想「要如何精準拿到那個色調？」你會喜歡 Color Picker 的簡潔。我們刻意讓介面保持極簡：

• 一鍵取色——顏色就是你的 ——輕點調色盤任意處，所需數值立刻出現。想從照片或螢幕截圖取樣？把檔案拖到頁面，使用吸管工具即可。
• 漸層一點也不麻煩 ——在漸層條上新增並移動停駐點，得到如絲般順滑的過渡。切換線性／徑向，細調角度與不透明度，然後複製 CSS。
• 無門檻、無費用 ——Color Picker 可在桌機、平板與手機上的各款現代瀏覽器運作。無需安裝，也沒有任何費用。
• 需要時有擴充功能 ——我們的選用 Chrome 與 Edge 擴充功能把吸管直接帶進瀏覽器，能從任意頁面取樣並保留歷史。

適用情境

大家會以許多方式使用 Color Picker：

• 設計師與產品團隊 在勾勒介面或品牌調色盤時仰賴它。探索組合、複製漸層的 CSS 都很迅速。
• 插畫師與藝術家 使用吸管從照片與畫作汲取靈感。漸層工具有助規劃柔順的陰影與色彩過渡。
• 前端開發者 依靠它在各專案間產生一致的色彩數值。擴充功能讓從現有網站取樣更容易。
• 無障礙檢查者 可在不同模型下檢視顏色，並調整不透明度直到符合對比指引。

快速上手

不需教學——以下是重點摘要：

• 選一種顏色 ——在調色盤任意位置點一下。HEX、RGB 與 HSV 數值會立即顯示。可用滑桿微調色相、飽和度、亮度與不透明度。
• 從圖片取樣 ——將圖片檔拖曳到頁面或選擇上傳。點擊目標像素即可顯示顏色代碼。
• 建立漸層 ——點擊漸層條以新增並拖動停駐點；在線性與徑向間切換。調整角度與不透明度直到滿意為止。
• 複製並重複使用 ——你的顏色與漸層會自動儲存。將代碼或 CSS 複製後貼上到專案，或與團隊分享。