顏色選擇器 & 轉換器

顏色選擇器是一種用於選取、視覺化和轉換不同格式顏色的工具。網頁開發者、設計師和數位藝術家每天都要和顏色打交道，不同情境需要不同格式：CSS 使用 HEX 和 RGB，設計工具使用 HSL 和 HSB，印刷流程使用 CMYK。一個可靠的顏色轉換工具能消除手動計算和猜測的麻煩。

這款免費線上顏色選擇器提供 HEX、RGB、HSL 和 HSB 之間的即時轉換。它具有互動式顏色輸入、RGB 滑桿微調、螢幕滴管取色和調色盤儲存功能。所有處理在瀏覽器端完成，不傳送任何資料到伺服器。

• 即時轉換 HEX、RGB、HSL 和 HSB 顏色格式
• 互動式顏色選擇器，使用瀏覽器原生取色元件
• RGB 滑桿精確調整顏色
• 支援螢幕滴管取色 API，可從螢幕任意位置取樣顏色
• 儲存顏色到本地調色盤，方便快速複用
• 一鍵複製任意顏色格式的值
• 輸出 CSS 可用的 color 和 background-color 屬性
• 支援簡寫 HEX 輸入以及多種輸入格式
• 大尺寸顏色預覽面板，準確驗證顏色效果
• 100% 瀏覽器端處理，資料不離開你的裝置

1. 在文字方塊中輸入任意格式的顏色值，或使用顏色選擇器直覺選取。
2. 使用滴管按鈕從螢幕任意位置取樣顏色。
3. 透過 R、G、B 滑桿精確調整顏色。
4. 在右側面板即時查看 HEX、RGB、HSL 和 HSB 的轉換結果。
5. 點選任意格式旁邊的複製圖示將值複製到剪貼簿。
6. 點選 + Save 將目前顏色儲存到調色盤中，方便以後複用。

HEX 是最常見的網頁顏色格式，用兩位十六進位數表示紅、綠、藍三個通道。RGB 透過指定紅、綠、藍通道 0-255 的強度來定義顏色。HSL 用色相、飽和度和亮度來描述顏色，許多設計師認為這種方式更直覺。HSB 類似於 HSL，但使用明度代替亮度，這是 Adobe Photoshop 和 Figma 等設計工具使用的模型。

每種格式各有優勢：HEX 在 CSS 中簡潔緊湊，RGB 直接映射到螢幕像素，HSL 在調整顏色明暗和飽和度時更直覺，HSB 與設計工具的顏色表示方式一致。此工具能在四種格式間無縫轉換，讓你在任何情境下都能選用最合適的格式。

• 網頁開發：將設計稿中的顏色轉換為 CSS HEX 或 RGB 值
• UI 設計：取得精確的 HSL 值以建構一致的色彩系統
• 品牌管理：確保顏色在網頁、印刷和社群媒體中的一致性
• 無障礙設計：調整亮度和飽和度以滿足對比度要求
• 數位藝術：使用滴管從參考圖片中取樣顏色
• 簡報：快速產生協調的配色方案

• 需要建立顏色變體時使用 HSL，透過調整飽和度或亮度而保持色相不變
• 確保文字和背景顏色之間至少有 4.5:1 的對比度，以滿足無障礙要求
• 滴管工具可以在整個螢幕範圍內取色，不僅限於瀏覽器視窗
• 將品牌顏色儲存到調色盤中，開發時快速調用
• 處理透明度時，HEX 支援 8 位元表示法，RGB 支援 rgba 語法