取色器

這個工具是什麼？

以視覺化方式選擇任意色彩，在 HEX、RGB 和 HSL 格式之間轉換。即時複製值用於 CSS 和設計工具。

取色器 — HEX、RGB、HSL用於視覺化選擇色彩或計算衍生色彩，並以適合 CSS 和設計系統的格式呈現。HEX、RGB 和 HSL 是同一種色彩的不同座標表示。

適合快速檢查並複製 UI 設計稿、設計 token、CSS 變數和配色方案中的色彩值。

如何使用

1. 選擇基準色彩或輸入 HEX 值。
2. 查看計算出的色彩值或調色盤。
3. 複製所需的 HEX、RGB、HSL 或 CSS 值。
4. 在真實背景和文字上同時檢查對比度與可及性。

範例

相關工具與概念

• MDN CSS color values
• 配色與主題產生
• CSS 單位轉換 — px、rem、em 與 pt