選單
Dev Tools

色碼轉換器(HEX、RGB、HSL)免費線上

在瀏覽器中即時轉換 HEX、RGB 與 HSL 色碼。免費、免註冊。

檔案絕不儲存即時完成無需註冊

如何線上轉換色碼

  1. 1

    輸入或選擇顏色

    點擊色塊使用視覺化選色器,或在對應欄位輸入 HEX(例如 #2E75B6)、RGB(例如 46, 117, 182)或 HSL(例如 211, 60%, 45%)數值。

  2. 2

    立即看到三種格式

    輸入或選色時,HEX、RGB 與 HSL 欄位會即時更新。

  3. 3

    複製數值

    點擊任一欄位旁的「複製」,即可將該色碼複製到剪貼簿。

網頁顏色可依情境以多種格式表示。CSS 支援 HEX、RGB、RGBA、HSL 與 HSLA 寫法;Figma、Sketch 等設計工具的選色器通常使用 HSL,交付時則匯出 HEX。

HEX 是最精簡的格式,在 CSS、HTML 與設計軟體中通用。3 位數縮寫(#abc)會展開成 6 位數(#aabbcc)。RGB(紅、綠、藍)以 0 至 255 指定每個色版,對應螢幕發光的方式。

HSL(色相、飽和度、亮度)是對人最直覺的格式:色相是色環上的角度(0° = 紅、120° = 綠、240° = 藍),飽和度代表顏色的鮮豔程度(0% = 灰),亮度代表明暗(0% = 黑、100% = 白)。只調整亮度,就能做出自然的深淺色階。

常見問題

你可能還需要