RGB ↔ HEX ↔ HSL 顏色換算
前端、UI 設計、Figma 出圖之間嘅顏色傳遞，最常撞到嘅就係 HEX、RGB、HSL 三種格式互換。呢個工具一次擺哂三個欄位、配合系統取色器，任何一邊改動其他兩邊同步更新，仲會即時顯示色塊預覽、WCAG 相對亮度、同建議襯黑色定白色字 — 連結可分享俾隊友直接打開同一隻顏色。
預覽
#3B82F6
HEX 顏色碼格式錯誤 — 請輸入 #RGB 或 #RRGGBB（0–9 或 a–f）。
相對亮度（WCAG）
—
建議襯字色
—
公式
HEX → RGB: #RRGGBB → (parseInt(RR,16), parseInt(GG,16), parseInt(BB,16)) RGB → HSL: 標準 CSS Color Level 3 演算法（max/min 差值法） 相對亮度 L: 0.2126·R' + 0.7152·G' + 0.0722·B'（C' 為 sRGB→線性後嘅分量）
- · 色彩空間：sRGB（IEC 61966-2-1）— 同所有現代瀏覽器、Photoshop、Figma 預設一致。
- · HEX 格式接受三位簡寫（#F80）或六位完整寫法（#FF8800），大小寫都得，前面嘅「#」可有可無。
- · RGB 分量範圍 0–255 整數；HSL 嘅色相 H 接受 0–360 度（多過 360 自動取 mod），飽和度 S 同亮度 L 為 0–100%。
- · HSL 純灰色（飽和度 0）嘅色相點任何角度都得，呢個工具會顯示 0 度；改色相唔會改變灰色嘅顯示結果。
- · WCAG 2.x 相對亮度公式：L > 0.5 用黑色文字較易讀，否則用白色 — 但實際對比比率仲要計目標顏色，呢個工具只係粗略建議。
- · 深度色彩（HDR、Display P3、wide gamut）唔屬於 sRGB 範圍；呢個工具只處理 8-bit sRGB（0–255）顏色。
常見問題
HEX、RGB、HSL 邊個格式先「最準」？
三個格式描述緊同一個 sRGB 顏色，唔存在邊個更準嘅問題：HEX 同 RGB 係兩種寫法（HEX 係 16 進制嘅 RGB），會完全 1:1 互轉；HSL 加多一層用「色相／飽和度／亮度」嘅圓柱座標表達同一隻顏色，但因為佢用 0–100% 整數顯示嘅關係，HSL → RGB → HSL 嚟回轉可能差 1 點 — 呢個係格式四捨五入造成嘅，唔係算法問題。一般網頁 / 設計工作流用邊個都得，HEX 適合複製貼上、HSL 適合微調色相或者光暗。
點解我同 Figma / Photoshop 嘅 HSL 數字唔同？
本工具用 CSS Color Level 3 標準嘅 HSL 演算法（網頁瀏覽器一致）。Photoshop 嘅 HSB（Hue/Saturation/Brightness）唔等於 HSL — HSB 用「最大分量值」做亮度（pure red 嘅 B=100%），而 HSL 用「max+min 平均」（pure red 嘅 L=50%）— 兩者公式完全唔同，所以同一隻顏色嘅 S 同 L/B 數字唔會對得到。Figma 同 Sketch 用標準 HSL，數字應該同呢度一致；如果差 1，多數係四捨五入差異。
個「建議襯字色」係根據咩計嘅？
工具計咗背景色嘅 WCAG 相對亮度 L（將 RGB 轉成線性光，再用 0.2126·R + 0.7152·G + 0.0722·B 加權），L > 0.5 表示偏光、用黑色字較易讀；L ≤ 0.5 表示偏暗、用白色字較易讀。呢個只係快速建議，唔等於通過 WCAG AA / AAA 對比度要求 — 細字至少要 4.5:1、大字 3:1。如果係品牌顏色或者中間色，可能要靠近一邊就更改背景色而唔係只變文字色。
同類工具
長度單位換算
公分／米／公里／吋／呎／碼／哩，常用長度單位即時互換。
溫度單位換算
攝氏（°C）、華氏（°F）、克爾文（K）即時互換。
鞋碼換算（US／UK／EU／CM）
輸入腳長或者其中一個尺碼系統嘅碼數，即時對照美碼、英碼、歐碼同 cm 長度。
紙張尺寸參考表
揀紙張規格（A0–A10、B、C、Letter、Legal、卡片）即刻睇毫米／公分／吋／像素尺寸。
進制轉換器（二／八／十／十六進制）
一次過將數字喺二進制、八進制、十進制同十六進制之間互相轉換，方便程式員、學生同電子工程用家。
長寬比 / 螢幕尺寸計算機
由長寬比同其中一邊推另一邊；或由屏幕對角線同比例算實際長闊（4:3、16:9、21:9 等）。
資料儲存單位換算（B／KB／MB／GB／TB）
位元組、KB、MB、GB、TB、PB 互換 — 區分十進位（1000-base，硬碟廠商標示）同二進位（1024-base，作業系統顯示）。
輪胎尺寸計算機（規格 / 直徑 / 速錶誤差）
由 P-metric 規格（如 225/65R17）算出胎側高度、外直徑、周長同每公里轉數；可同參考胎比較速錶誤差。
能量單位換算（J / kJ / cal / kcal / kWh / BTU / Wh）
一鍵換算焦耳、千焦、卡路里、千卡、千瓦時、英熱單位等常用能量單位 — 適用於營養標籤、電費、暖氣、燃料對比。
壓力單位轉換器
Pa、kPa、bar、mbar、atm、psi、mmHg、Torr、inHg — 一次過換算所有常用壓力單位。
扭力單位轉換器
N·m、kgf·m、kgf·cm、lbf·ft、lbf·in、ozf·in — 一鍵互換所有汽車、單車同手工具常用嘅扭力單位。
角度單位轉換器
度、弧度、梯度、轉、弧分、弧秒、毫弧度、密位一次過互換，仲有 sin／cos／tan 即場參考。
燃油效率單位轉換
L/100km、km/L、MPG（美制）、MPG（英制）一次過互換，買車賣車對譜唔錯位。
功率單位轉換器
W、kW、MW、馬力（公制 PS／機械 hp）、BTU/hr、ft·lbf/s、cal/s、kcal/h、冷凍噸 — 一次過睇齊常用功率單位。
px ↔ rem ↔ em 轉換器
揀基底字型 (預設 16 px)，立即將 CSS pixel、rem、em、percentage、point 互相轉換，附常見對照表。
酒精濃度 ABV ↔ Proof 換算 + 標準杯計算機
酒精濃度（ABV %）同美式 Proof、英式 Proof 互換，並按飲品份量計到純酒精克數同各國「標準杯」數。
頻寬／傳輸速率換算（Mbps ↔ MB/s）
網絡速度（kbps／Mbps／Gbps）同檔案下載速率（KB/s／MB/s／MiB/s）互換 — 同時顯示傳輸指定大小檔案要幾耐。
重量單位轉換（kg／磅／安士／司馬斤兩）
公斤、克、毫克、磅、安士、英石、噸、司馬斤同司馬兩，常用重量單位即時互換。
電池 mAh ↔ Wh 換算器（行動電源／鋰電上機規定）
輸入電池容量（mAh）同額定電壓（V），即時換到瓦時（Wh），並按 IATA 規定即時判斷可否帶上飛機（100 Wh／160 Wh 紅線）。
胸圍 Bra 罩杯國際尺碼對照
輸入下胸圍同上胸圍（或者直接揀本地尺碼），即時對照美/英/歐/澳/日 Bra 尺碼。
戒指尺碼國際對照表
輸入手指內圍周長 (mm) 或直徑，對照美 / 英 / 歐 / 日 / 香港戒指尺碼。