Hex/RGB/HSL 轉換
免費線上顏色轉換工具,Hex/RGB/HSL 互轉
了解顏色格式
十六進位顏色代碼(如 #FF5733)使用六位十六進位數字表示紅、綠、藍值。RGB 格式使用 0-255 的十進位值表示每個通道,如 rgb(255, 87, 51)。HSL(色相、飽和度、亮度)以更直觀的方式描述顏色——色相是顏色角度(0-360),飽和度和亮度是百分比。
如何在顏色格式之間轉換
使用顏色選擇器輸入或選取顏色,工具會即時顯示 HEX、RGB 和 HSL 格式的等效值。也可以直接輸入任意格式來轉換為其他格式。
何時使用各種格式
十六進位在 CSS 和設計工具中最常見。RGB 在需要程式化操作單個顏色通道時有用。HSL 非常適合建立調色盤和佈景主題,因為可以獨立調整色相、飽和度和亮度。
▶HEX 和 RGB 有什麼區別?
它們以不同方式表示相同的顏色。#FF5733 和 rgb(255, 87, 51) 是相同的。HEX 更緊湊,在 CSS 中更常見;RGB 在程式化操作中更易讀。
▶HSL 代表什麼?何時使用?
HSL 代表色相(Hue)、飽和度(Saturation)、亮度(Lightness)。在產生顏色變體、建立調色盤或建構佈景主題時,HSL 通常更受青睞,因為調整亮度比調整 RGB 值更直觀。
▶可以轉換帶透明度的顏色嗎?
此工具專注於不透明顏色轉換。對於透明度,請使用 8 位十六進位格式(#RRGGBBAA)或 rgba() / hsla() CSS 函數。