數值與表示法

色彩轉換器

轉換 CSS HEX、RGB、HSL 與標準色名,預覽色彩並保留透明度。

資料留在瀏覽器檔案與文字在此分頁處理。
色彩轉換器本機處理
請至少輸入一個值。

數值與表示法

基本原理

RGB 代表紅、綠、藍光;HEX 將通道寫成十六進位位元組;HSL 代表色相、飽和度與明度。Alpha 控制透明度,與明度不同。

功能介紹

每行貼上一個 CSS 色彩,選擇 HEX、RGB 或 HSL 後轉換。第一個色彩顯示三種表示,色塊後的棋盤格有助辨識透明度。

使用方式

  1. 選擇 HEX、RGB 或 HSL 輸出。輸入格式會自動辨識;要將 #336699 轉成 rgb(51, 102, 153),請選 RGB。
  2. 每行貼上一個值,或開啟 UTF-8 文字檔。
  3. 點選轉換、檢查結果,再複製或下載 TXT。變更輸入會清除舊結果,復原可還原上一次輸入與設定。

錯誤與限制

支援短長 HEX、RGB 百分比、HSL 與標準色名。RGB 必須為 0–255,Alpha 為 0–1 或 0–100%。HEX 透明度位於最後一個位元組。不支援 HWB、Lab、color() 或相對色,轉換會捨入為 8 位元 RGB。

上限為輸入 200,000 字元、500 個值、輸出 1,000,000 字元;遇到無效行時整批停止。

常見問題

#33669980 的 80 是 80% 不透明度嗎?

不是。十六進位 80 是 128,Alpha 為 128/255,約 50.2%。80% 不透明度請用 rgba(51, 102, 153, 0.8)。

我的數值會被上傳嗎?

不會。計算和檔案讀取都在此瀏覽器分頁完成,不會把數值寫入網址或傳給轉換服務,下載檔案由您自行保管。

相關工具