十六進位到RGB轉換器

歡迎使用十六進製到rgb轉換器，這是一個全面的顏色轉換工具，可立即將十六進制顏色代碼轉換為 RGB、RGBA、HSL、HSLA 和 CMYK 值。無論您是網頁設計師、開發人員還是數字藝術家，此工具都能提供實時顏色預覽、一鍵複製功能、互補色生成以及 WCAG 無障礙對比度檢查。

什麼是十六進制顏色代碼？

十六進制顏色代碼（hexadecimal color）是用於網頁設計、CSS 和數字圖形的顏色的 6 位代碼。該代碼由三對十六進制數字（0-9 和 A-F）組成，代表紅、綠、藍分量的強度。每對範圍從 00（最小值，0）到 FF（最大值，255）。

例如，#FF5733 分解為：

• FF = 255 紅（最大紅色強度）
• 57 = 87 綠（中等綠色強度）
• 33 = 51 藍（低藍色強度）

結果是生動的珊瑚橙色。# 符號是可選的，但通常包含在內以將該值標識為十六進制顏色代碼。

3 位簡寫

當所有三對顏色都使用重複數字時，您可以使用 3 位簡寫。例如，#FF5533 不能縮短，但 #FFAA00 可以寫成 #FA0。每個數字都會自動翻倍：F 變為 FF，A 變為 AA，0 變為 00。

如何將十六進制轉換為 RGB

將十六進制轉換為 RGB 涉及將每對十六進制數字轉換為其對應的十進制值：

1. 去掉 # 符號（如果有的話）
2. 拆分成對：將 6 位數字分成 3 對（RR、GG、BB）
3. 轉換每一對：從 16 進制轉換為 10 進制

十六進制到十進制轉換

每個十六進制數字位置都有一個值：第一位數字乘以 16，然後加上第二位數字。對於十六進制對 "5A"：

5 × 16 + 10 (A) = 80 + 10 = 90

了解顏色格式

RGB 和 RGBA

RGB (Red, Green, Blue) 使用 0-255 的三個值來定義顏色。RGBA 增加了一個 Alpha 通道（0 到 1）用於透明度。RGB(255, 87, 51) 是不透明的，而 RGBA(255, 87, 51, 0.5) 是 50% 透明的。

HSL 和 HSLA

HSL (Hue, Saturation, Lightness) 對設計師來說通常更直觀：

• 色相 (Hue)：色輪位置（0-360 度）。0=紅，120=綠，240=藍
• 飽和度 (Saturation)：顏色強度（0-100%）。0% 是灰色，100% 是鮮豔色
• 亮度 (Lightness)：明暗度（0-100%）。0% 是黑色，100% 是白色，50% 是純色

CMYK

CMYK (Cyan, Magenta, Yellow, Key/Black) 用於印刷生產。螢幕使用加色混色 (RGB)，而列印機使用減色混色 (CMYK)。顏色在印刷時可能看起來不同，因此檢查 CMYK 值有助於確保準確的印刷效果。

色彩理論：互補色與三原色

互補色

互補色在色輪上互為對等，可產生最大的對比度。色輪上的互補色是將色相旋轉 180°，同時保持飽和度和明度不變得到的。從 255 減去每個 RGB 值會得到 RGB 負片，而不是色輪互補色；差異請參見 /color-inverter/。互補色對用於：

• 突出的呼籲操作按鈕
• 具有視覺衝擊力的標誌設計
• 營造視覺緊張感和活力

三原色 (Triadic Colors)

三原色是在色輪上等距分布（相隔 120 度）的三種顏色。它們創造了生動、平衡的調色板，在保持和諧的同時提供多樣性。這種方案在平面設計和品牌推廣中非常受歡迎。

WCAG 無障礙與對比度

網頁內容無障礙指南 (WCAG) 定義了可讀文字的對比度比率：

• AAA 級 (7:1)：極佳 - 最高無障礙標準
• AA 級 (4.5:1)：良好 - 普通文字的最低標準
• AA 級大字體 (3:1)：大文字（18pt+ 或 14pt 粗體）可接受
• 失敗 (<3:1)：對比度不足，不符合無障礙要求

我們的工具計算了相對於白色和黑色背景的對比度，幫助您為設計選擇符合無障礙要求的文字顏色。

如何使用此轉換器

1. 輸入您的十六進制代碼：鍵入或粘貼十六進制顏色（帶或不帶 #）。6 位和 3 位格式均有效。
2. 設置 Alpha（可選）：調整從 0（不可見）到 1（不透明）的透明度，用於 RGBA/HSLA 輸出。
3. 點擊轉換：立即查看 RGB、HSL、CMYK 值和顏色預覽。
4. 複製任何格式：點擊複製按鈕將值複製到剪貼簿。
5. 探索調色板：查看互補色、三原色方案、陰影和色調以獲取設計靈感。

常見問題

什麼是十六進制顏色代碼？

十六進制顏色代碼是用於網頁設計和數字圖形的顏色的 6 位（或 3 位簡寫）十六進制表示。它以 # 符號開頭，後跟六個字元（0-9 和 A-F），代表紅、綠、藍分量。例如，#FF5733 代表珊瑚橙色，其中紅=255，綠=87，藍=51。

如何將十六進制轉換為 RGB？

要手動將十六進制轉換為 RGB：1) 去掉 # 符號，2) 將 6 位數字分成 3 對（RR、GG、BB），3) 將每一對從十六進制轉換為十進制。例如，#FF5733：FF=255（紅），57=87（綠），33=51（藍），得到 RGB(255, 87, 51)。我們的計算機可以立即完成此操作。

RGB 和 RGBA 有什麼區別？

RGB 使用紅、綠、藍值（每個 0-255）指定顏色。RGBA 增加了一個 Alpha 通道（0-1）用於透明度。RGB(255, 87, 51) 是實心顏色，而 RGBA(255, 87, 51, 0.5) 是相同顏色但具有 50% 的不透明度。RGBA 對於創建半透明疊加和效果至關重要。

什麼是 HSL 顏色格式？

HSL 代表色相、飽和度和亮度。色相是顏色角度（0-360 度），飽和度是顏色強度（0-100%），亮度是明暗度（0-100%）。對於設計師來說，HSL 通常更直觀，因為調整亮度或飽和度非常簡單，且不會影響基礎色相。

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

CMYK 代表青色、洋紅色、黃色和黑色 (Key)。它是印刷生產中使用的色彩模型。十六進制和 RGB 用於螢幕（加色法），而 CMYK 用於印刷（減色法）。如果您的設計將被印刷，您應該檢查 CMYK 值以確保顏色準確。

什麼是互補色？

互補色是在色輪上直接位於另一種顏色對面的顏色，可產生最大的對比度。對於任何顏色，其補色是通過反轉 RGB 值（255 減去每個通道的值）找到的。互補色能創造生動、高對比度的設計，常用於標誌和呼籲操作元素中。

相關資源

• WCAG 對比度指南 - W3C