即時預覽
編輯其值時確認可見顏色。
顏色轉換器
透過即時預覽在 HEX、RGB 和 HSL 之間轉換顏色。
HEX、RGB 或 HSL 顏色
預設為私有您的輸入和檔案將在此裝置上處理。
免費且即時無需帳戶、隊列或軟體安裝。
準備使用結果產生後立即複製或下載。
如何使用 顏色轉換器
透過三個簡單的步驟即可獲得可靠的結果。
輸入或選擇顏色
使用 HEX、RGB、HSL 或视觉颜色选择器。
Review every format
等效的 HEX、RGB 和 HSL 值一起更新。
複製您需要的內容
按一下任意輸出行將其複製到樣式表或設計檔案中。
專為日常工作打造
無需繁瑣工作即可有用
集中控制、即時回饋，您和結果之間沒有任何關係。
常見的 CSS 格式
在浏览器和设计工具使用的格式之间干净地移动。
One-click copying
每個標準化結果都可以貼上。
實用指南
什麼是 顏色轉換器?
顏色轉換器在不同的表示法系統中表達相同的可見顏色。 HEX 在設計交接中很常見，RGB 鏡像螢幕顏色通道，HSL 描述色調、飽和度和亮度。
更改符號不會更改預期的顏色。當基於百分比的值為了可讀輸出而四捨五入時，可能會出現微小的差異。
實際應用
何時使用此工具
常用方式 顏色轉換器 適合實際項目和日常任務。
CSS 創作
將設計十六進位值轉換為 RGB 或 HSL 聲明。
Design systems
標準化以混合顏色格式接收的令牌。
主題調整
使用HSL系統地調整亮度或飽和度。
品質保證
驗證兩個不同書寫的數值代表相同的顏色。
有用的答案
常見問題
關於的快速解答 顏色轉換器 以及該頁面的工作原理。
將 HEX 轉換為 RGB 會改變顏色嗎？
不會。兩種符號描述相同的紅色、綠色和藍色通道值。
What is HSL useful for?
HSL 讓色調、色彩強度和亮度更容易獨立調整。
是否支援 alpha 值？
当前转换器侧重于不透明的 HEX、RGB 和 HSL 颜色。
Why are some HSL values rounded?
為了可讀的 CSS 輸出，百分比和色調值會進行四捨五入。