顏色轉換器

即時轉換 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%,亮度)分開。它們之間的轉換需要數學公式——我們的工具自動處理這些。

顏色轉換器常見問題