顏色程式碼轉換器：HEX與RGB互轉+取色（含常用色卡，2026）

下面這個顏色程式碼工具，純瀏覽器本地執行，即時出結果不上傳資料。往下有原理和使用說明。

顏色程式碼到底是什麼

顏色程式碼就是用一串字元精確描述一種顏色的寫法。網頁裡最常見的是 HEX（#2563EB）和 RGB（rgb(37,99,235)）兩種，它們指的其實是同一種藍色，只是記法不同。上面的工具做的事，就是讓你在這幾種寫法之間來回換算、順手取色，不用手動查表或心算十六進位制。

HEX 和 RGB 是怎麼換算的

HEX（十六進位制）用 6 位字元表示一種顏色，從左到右兩兩一組，分別代表紅、綠、藍三個通道。十六進位制逢 16 進位，單個位從 0-9 數到 A-F（A=10，F=15），所以每一組兩位能表示 00（十進位制 0）到 FF（十進位制 255）的值——正好對應 RGB 裡每個通道 0-255 的範圍。換算的本質，就是把每組兩位十六進位制轉成十進位制。

三位簡寫和帶透明度的八位寫法

如果一種顏色三個通道每組兩位字元都相同，可以縮成 3 位簡寫：#F00 等價於 #FF0000（純紅），瀏覽器會自動把每位翻倍。要帶透明度時，用 8 位寫法 #RRGGBBAA，最後兩位是 alpha 通道，00 全透明、FF 完全不透明。這套八位寫法出自 CSS Color Module Level 4，現代瀏覽器都支援，只有早已停更的 IE 不認（參考：MDN ）。

常見顏色模型對比

螢幕和印刷用的不是一套

幾個常被問到的問題

一共能表示多少種顏色？每個通道 256 級，256×256×256 = 16,777,216，也就是常說的約 1670 萬色（sRGB 標準色域）。

#F00 和 #FF0000 是同一個顏色嗎？是。3 位簡寫只是把每位翻倍展開，渲染結果完全一致，寫起來更省事。

HSL 到底有什麼用？它按”色相、飽和度、亮度”來描述顏色，和 RGB 數學上等價，但更貼近人的直覺——想讓一個顏色”亮一點””灰一點”，直接調一個數就行，比在 RGB 裡三個通道一起猜省心得多，很適合做同色系的深淺配色。

相關閱讀：進位制轉換；URL編碼；時間戳轉換。