色彩轉換器 – HEX、RGB 與 HSL

即時在 HEX、RGB 和 HSL 格式之間轉換色彩。包含即時色彩預覽和視覺選色器，免費、瀏覽器執行，無需安裝。

色彩轉換器是什麼？

色彩轉換器可在三種最常用的 CSS 色彩模型之間相互轉換：HEX（十六進位）、RGB（紅綠藍）和 HSL（色相、飽和度、亮度）。每種模型以不同方式表達同一種顏色，設計師需根據情境在不同格式間切換。

色彩格式比較

• HEX（#RRGGBB）：HTML/CSS 中最常用的網頁色彩格式。
• RGB（rgb(R, G, B)）：每個通道範圍 0–255，用於 CSS 和圖像處理。
• HSL（hsl(H, S%, L%)）：更直覺，調整色相（0–360°）、飽和度（鮮豔度）和亮度。

常見問題

HSL 和 HSV/HSB 有什麼差別？

HSL（色相、飽和度、亮度）和 HSV/HSB（色相、飽和度、明度）是不同的圓柱色彩模型。在 HSL 中，亮度 100% 永遠產生白色；在 HSV 中，明度 100% 加上完整飽和度會產生最鮮豔的顏色。CSS 原生使用 HSL。