RGB 轉 HEX

輸入三個 RGB 數值，得到一組 HEX 色碼。

免費 - 無需註冊 - 在您的裝置上執行

在您的瀏覽器分頁中執行

  • RGB輸入
  • #輸出
  • 即時色塊
  • 0上傳
規格

RGB 轉 HEX 規格一覽

輸入
RGB，或另外三種格式
輸出
HEX 色碼，另附 HSL 與 CMYK
方法
sRGB 換算，就在這一頁
色塊
一塊大色塊顯示顏色
價格
免費
需要帳戶
無
處理位置
在您的裝置上
使用方法

RGB 轉 HEX 怎麼用

  1. 1

    填入 RGB 數值

    填入 RGB 數值。

  2. 2

    讀出 HEX 色碼

    讀出 HEX 色碼。

  3. 3

    複製

    複製 HEX 色碼。

問題

常見問題

為什麼 HEX 色碼裡有英文字母？

十六進位數到九之後用 A 到 F 接下去。通道數值超過九就會寫成字母，所以色碼會混著數字和字母。

可以直接貼 rgb(12, 34, 56) 進去嗎？

面板收的是 RGB 三個欄位裡的數值。把紅、綠、藍分別填進去，HEX 色碼就會跟著出現。

換算會不會失真？

不會。兩種寫法描述的是同一組 sRGB 數值，換過去再換回來會回到原點。

會上傳任何東西嗎？

不會。運算都在這個瀏覽器分頁裡完成，不會送到處理伺服器，也沒有帳戶存著它。

背景說明

從設計軟體到樣式表

把紅、綠、藍分別填進 RGB 欄位，上方的 HEX 欄位就會出現色碼，可以直接貼進樣式表，旁邊還有 HSL 與 CMYK。

  • 設計軟體多半顯示 RGB，樣式表多半寫 HEX。
  • 兩個數字寫顛倒一樣換得出色碼，所以也看一眼色塊。
  • 之後的檔案還要用到 RGB 的話，把數值留著。
  • 想調亮或調暗時，同一面板上的 HSL 最好讀。

完整規格

RGB 轉 HEX 的完整規格
輸入紅、綠、藍三個數值；同一面板也接受 HEX、HSL 與 CMYK。
輸出該顏色的 HEX 色碼，旁邊同時填上 HSL 與 CMYK。
方法sRGB 換算與四捨五入，在這一頁裡直接完成。
色塊欄位旁邊有一塊大色塊，顯示目前的顏色。
價格免費。由工作區外清楚標示的廣告支援。
需要帳戶不需要。
處理位置在您的瀏覽器分頁中。您的輸入絕不會被上傳。
下一步

用同一批檔案繼續做

全部色彩工具： SPOTTOOLS 的色彩工具