RGB到十六進位轉換器

RGB到十六進製轉換器可立即將 RGB 顏色值（紅、綠、藍）轉換為網頁設計、CSS 和圖形應用中使用的十六進制顏色代碼。它提供多格式輸出，包括 HSL、HSV 和 CMYK，以及 CSS 代碼片段、色彩和諧配色方案、WCAG 可訪問性對比度檢查以及最近的命名顏色匹配。

RGB 轉 Hex 轉換的工作原理

RGB（紅、綠、藍）和 Hex 是電子顯示器使用的相同加法混色模型的兩種不同表示法。每個顏色通道的十進制範圍從 0 到 255。要轉換為 Hex，每個十進制通道值都表示為兩位十六進制數（16 進制），三對數值組合在一起並帶有 # 前綴。

轉換公式

對於每個通道值 V (0–255)：

1. 將 V 除以 16。商是第一個十六進制數字，餘數是第二個。
2. 將數字 10–15 對應到字母 A–F。
3. 組合：#RRGGBB

範例： RGB(255, 165, 0) → 255 = FF, 165 = A5, 0 = 00 → #FFA500 (橙色)

顏色格式說明

HEX (十六進制)

網頁開發中最常見的顏色表示法。一個 # 後跟 6 個代表 RR、GG、BB 的十六進制數字。當每對數字相同時，可以使用速記法 (#RGB)，例如 #FF0000 → #F00。

HSL (色相、飽和度、亮度)

對設計師來說更直觀的模型。色相是色輪上的一個角度 (0°–360°)，飽和度是鮮艷程度 (0–100%)，亮度範圍從黑色 (0%) 到純色 (50%) 再到白色 (100%)。HSL 通過調整單個參數即可輕鬆創建顏色變化。

HSV / HSB (色相、飽和度、值/明度)

與 HSL 類似，但對明度的定義不同。100% 的值表示該色相和飽和度下顏色處於最亮狀態。此模型用於許多圖形設計應用程序，如 Photoshop 和 Figma。

CMYK (青、洋紅、黃、黑)

印刷中使用的減法混色模型。螢幕是增加光線 (RGB)，而列印機是混合吸收光線的墨水 (CMYK)。在為實體印刷準備數字設計時，轉換為 CMYK 對於確保顏色準確性至關重要。

色彩和諧類型

色彩和諧是基於顏色在色輪上的位置進行的顏色組合。此工具生成四種類型：

• 互補色： 色輪上直接相對的顏色（相隔 180°）。創造最大的對比度和視覺衝擊力。
• 鄰近色： 色輪上相鄰的顏色（±30°）。創造在自然界中常見的和諧、舒適的設計。
• 三等分色： 三種均勻分佈的顏色（相隔 120°）。在保持平衡的同時提供充滿活力的對比。
• 分裂互補色： 與互補色相鄰的兩種顏色（150° 和 210°）。互補色的一種更柔和的替代方案，具有更多多樣性。

WCAG 可訪問性對比度

網頁內容可訪問性指南 (WCAG) 定義了對比度以確保可讀性：

常見 RGB 轉 Hex 轉換

常見問題

如何將 RGB 轉換為 Hex？

要將 RGB 轉換為 Hex，請獲取每個顏色通道值 (0-255)，除以 16 以獲得商和餘數，然後將每個對應到十六進制數字 (0-9, A-F)。將所有三個 2 位十六進制值與 # 前綴組合。例如，RGB(255, 165, 0) 變為 #FFA500：255→FF，165→A5，0→00。

RGB 和 Hex 顏色代碼有什麼區別？

RGB 和 Hex 使用不同的表示法表示相同的顏色。RGB 為紅色、綠色和藍色通道使用三個十進制數字 (0-255)，如 rgb(255, 0, 0)。Hex 使用 # 後跟六個十六進制數字，如 #FF0000。兩者編碼相同的顏色資訊 —— Hex 只是相同 RGB 值的更緊湊的 16 進制表示。

Hex 使用什麼顏色模型？

Hex 顏色代碼使用 RGB（紅、綠、藍）加法混色模型，與計算機顯示器使用的模型相同。六個十六進制數字代表三對：前兩個代表紅色，中間兩個代表綠色，最後兩個代表藍色。每對範圍從 00（0 強度）到 FF（最大 255 強度）。

什麼是 WCAG 對比度？

WCAG 對比度測量兩種顏色之間的亮度差異，用於確保視覺障礙人士的文字可讀性。比例範圍從 1:1（無對比）到 21:1（最大）。WCAG 2.0 要求普通文字至少為 4.5:1（AA 級），大文字為 3:1（AA Large），增強對比度為 7:1（AAA 級）。

如何將 RGB 轉換為 HSL？

要將 RGB 轉換為 HSL：將 R,G,B 歸一化為 0-1，找到最大值和最小值，計算亮度為 (max+min)/2，飽和度取決於亮度，色相根據哪個通道佔主導地位（紅色 0°，綠色 120°，藍色 240°）並根據通道之間的差異進行調整。

什麼是 CMYK，我應該什麼時候使用它？

CMYK 代表青色 (Cyan)、品紅色 (Magenta)、黃色 (Yellow) 和黑色 (Key/Black)。它是印刷中使用的減法混色模型。雖然 RGB/Hex 用於螢幕（加法光混合），但 CMYK 對於印刷設計至關重要，因為列印機混合的是墨水而不是光。將 RGB 轉換為 CMYK 有助於確保您的數字顏色正確地轉換為印刷材料。

其他資源

• WCAG 2.1 對比度指南