免費線上 Color Converter
免費線上將顏色在 HEX、RGB、RGBA、HSL 和 HSLA 格式間即時轉換——內建取色器與預設色票,100% 本地處理。
100% 用戶端處理 · 資料永不離開您的瀏覽器使用說明 Color Converter
在文字欄位輸入任意顏色值——支援 HEX、RGB 或 HSL 格式。您也可以使用取色器(彩色方塊)以視覺方式選取顏色,或點擊預設色票快速開始。
點擊轉換,即可檢視六種格式的表示結果及 RGBA 色塊預覽。點擊任意格式旁的複製圖示,即可將該值複製到剪貼簿。
支援的輸入範例:
#FF6B6B或#f6b(縮寫 HEX)rgb(255, 107, 107)或rgba(255, 107, 107, 0.8)hsl(0, 100%, 71%)或hsla(0, 100%, 71%, 0.5)
常見問題
這個工具支援哪些顏色格式?
轉換器接受 HEX(#RGB、#RRGGBB、#RRGGBBAA)、RGB(rgb(r,g,b))、RGBA(rgba(r,g,b,a))、HSL(hsl(h,s%,l%))和 HSLA 格式,並一次輸出全部六種表示形式。
RGB 和 HSL 有什麼差異?
RGB 透過紅、綠、藍三種光的強度(每種 0–255)來描述顏色。HSL 則透過色相(0–360°,色輪位置)、飽和度(0–100%,顏色鮮豔程度)和亮度(0–100%,明暗程度)來描述。調整顏色時,HSL 通常更符合人類的直覺。
什麼是 HEX8 格式?
HEX8 是 8 位十六進位顏色碼(#RRGGBBAA),最後兩位代表 alpha(透明度)通道。例如,#FF000080 表示 50% 透明度的紅色。現代 CSS 和大多數設計工具都支援此格式。
如何將 CSS 十六進位顏色轉換為 RGB?
將十六進位顏色碼(帶或不帶 # 符號)貼入輸入欄位,然後點擊「轉換」。RGB 值會立即顯示在結果表格中。
Alpha 通道是什麼意思?
Alpha 控制透明度:0 表示完全透明,1(或 100%)表示完全不透明。RGBA 和 HSLA 格式都包含 alpha 通道。取色器預設為完全不透明(alpha = 1)。