精巧好用
HEX 取色器
在一個清爽工作區中調整 HEX，並比較 HWB、HSL、HSV、RGB 和 OKLCH 值。
精巧好用
在一個清爽工作區中調整 HEX，並比較 HWB、HSL、HSV、RGB 和 OKLCH 值。
HEX 取色器
輸入任意 HEX 顏色代碼，立即在 RGB、HSL、HSV、HWB 和 OKLCH 中看到對應值。移動滑桿時，所有六種表示同步即時更新。HEX 代碼和 URL 雜湊一起同步，幾秒內即可收藏或分享任意顏色。
輸入 HEX 顏色——如 #3b82f6——RGB 值立即更新。HEX 查找器還支援三位簡寫代碼。
每次調整顏色，URL 雜湊自動更新，將 HEX 代碼查找器變為可分享的書籤。發送連結給團隊成員，他們會看到相同的顏色。
HEX、RGB、HSL、HSV、HWB 和 OKLCH 全部同步更新。切換模型不會丟失顏色——完美適用於設計令牌和 CSS 變數。
顏色代碼查找器
顏色代碼查找器涵蓋網頁設計、應用開發和數位印刷中使用的所有標準。HEX 是 CSS 和 HTML 的預設格式。RGB 是螢幕的原生格式。HSL 對設計師來說可讀性更好。OKLCH 是 CSS Color Level 4 中的下一代感知格式。四種格式同時可用——複製最適合你工作流的那個。
HTML 取色器
無論你是在編寫內聯樣式、定義設計令牌，還是維護 CSS 變數庫，這款 HTML 取色器都能給你所需的精確代碼。直觀調整色相、飽和度和亮度，然後將 HEX 顏色代碼或 CSS rgb() 值直接複製到樣式表中。
RGB 取色器
三個獨立的 R、G、B 滑桿讓你按通道混合任意顏色。RGB 取色器在拖動時即時顯示十進位值和 HEX 代碼。
貼上已知 HEX 代碼可立即看到 RGB 分解，或調整 RGB 取色器滑桿找到自訂色調的 HEX 代碼。無需單獨的轉換器。
在 sRGB 和 Display-P3 色域之間切換，查看所選顏色是否能在寬色域螢幕上顯示。兩個色塊並排更新。
常見問題