顏色轉換器
即時轉換 HEX、RGB 和 HSL 顏色格式。
多種格式
在 HEX (#RGB)、RGB（紅色、綠色、藍色）和 HSL（色相、飽和度、亮度）之間轉換，並即時預覽。
即時預覽
在輸入時實時查看顏色。即時可視化您使用的顏色效果。
複製到剪貼簿
一鍵複製任何格式。即時將顏色粘貼到您的 CSS、設計工具或代碼中。
顏色選擇器
使用內建的顏色選擇器以視覺方式選擇顏色，而不是輸入代碼。
理解顏色模型
不同的顏色模型在設計和開發中有不同的用途。HEX（十六進制）是網頁標準，RGB 代表屏幕如何顯示顏色，而 HSL 以人類友好的術語描述顏色。每種格式都有其獨特的優勢：HEX 簡潔，RGB 對數字顯示直觀，而 HSL 通過調整亮度或飽和度輕鬆創建顏色變化。
顏色轉換的使用案例
網頁設計師將顏色轉換以符合 CSS 要求，圖形設計師在工具之間轉換品牌顏色，開發人員以編程方式調整配色方案。HEX 非常適合 CSS 和 HTML，RGB 適用於 JavaScript 畫布操作和圖像處理，而 HSL 在系統性地變化色相、飽和度或亮度以創建一致設計的顏色調色板方面表現出色。
理解顏色模型
HEX 使用基數 16 表示法（0-9，A-F），其中 #RRGGBB 代表紅色、綠色和藍色組件。RGB 使用每個顏色通道的十進制值（0-255）。HSL 將色相（0-360°，顏色輪位置）、飽和度（0-100%，顏色強度）和亮度（0-100%，亮度）分開。它們之間的轉換需要數學公式——我們的工具自動處理這些。
顏色轉換器常見問題
顏色模型是顏色的數學表示。HEX 使用十六進制表示法，RGB 將顏色表示為紅色/綠色/藍色光的組合，而 HSL 使用色相/飽和度/亮度描述顏色。每種模型在設計和開發中有不同的用途。
對於網頁 CSS 使用 HEX（緊湊且廣泛支持），對於 JavaScript 畫布工作和圖像處理使用 RGB，當您需要以編程方式調整顏色變化（亮度、飽和度）或創建和諧的顏色調色板時使用 HSL。
RGB 將顏色表示為三個十進制數字（0-255），分別代表紅色、綠色、藍色。HEX 是相同的概念，但使用十六進制表示法（#RRGGBB）。它們表示相同的顏色空間——HEX 只是更緊湊的表示法，通常用於 CSS。
HSL 非常適合以編程方式創建顏色變化。您可以通過調整亮度輕鬆生成更亮/更暗的版本，通過改變飽和度創建柔和/鮮豔的變體，或通過旋轉色相生成顏色方案，同時保持飽和度和亮度不變。
是的！這個工具可以轉換標準 RGB 顏色空間內的所有顏色（1670 萬種顏色）。但是，它不處理透明度/alpha 通道——為此，您需要 RGBA 或 HSLA 格式，其中包括不透明度值。
目前不可以。這個工具轉換 RGB、HEX 和 HSL——都不包括 alpha/透明度。對於具有透明度的顏色，您需要 RGBA（rgb(255,0,0,0.5)）、HEXA（#FF000080）或 HSLA 格式，其中包括作為第四個值的不透明通道。