Dev Tools
色碼轉換器(HEX、RGB、HSL)免費線上
在瀏覽器中即時轉換 HEX、RGB 與 HSL 色碼。免費、免註冊。
檔案絕不儲存即時完成無需註冊
如何線上轉換色碼
- 1
輸入或選擇顏色
點擊色塊使用視覺化選色器,或在對應欄位輸入 HEX(例如 #2E75B6)、RGB(例如 46, 117, 182)或 HSL(例如 211, 60%, 45%)數值。
- 2
立即看到三種格式
輸入或選色時,HEX、RGB 與 HSL 欄位會即時更新。
- 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% = 白)。只調整亮度,就能做出自然的深淺色階。