轉換工具
轉換 HEX、RGB、HSL、HSV 與 CMYK
在瀏覽器中轉換 HEX、RGB、HSL、HSV/HSB 與 CMYK。選色、複製色碼並檢查 WCAG 對比。不會上傳。
貼上色碼或使用取色器。HEX、RGB、HSL、HSV、CMYK 會一併更新。對比以不透明背景的 WCAG 比值計算。
- 本機執行
- 不上傳
- 即時
- 免費
RGBA、HSLA 與 8 位數 HEX 會保留透明度。HSV 與 CMYK 字串不含透明度，會另外顯示。
HSV 與 HSB 是同一模型。V 與 B 都代表明度。
此處 CMYK 是螢幕 RGB 的數學近似，不是印刷 ICC 設定檔轉換。
WCAG 對比
前景若有透明度，會以不透明背景上的合成色計算。此版本不使用背景透明度。僅對比不能證明整頁無障礙。
| 檢查項目 | 結果 |
|---|---|
| AA 一般文字 | |
| AA 大型文字 | |
| AAA 一般文字 | |
| AAA 大型文字 |
一般文字範例
大型文字範例
顏色轉換與對比檢查在瀏覽器中執行，不會上傳數值。
使用方法
- 01 貼上 HEX、RGB、HSL、HSV 或 CMYK 值，或使用取色器。
- 02 查看轉換後的色碼並複製所需數值。
- 03 若顏色用於文字，請在不透明背景上檢查對比。
為何選擇 NEXNARA
-
私密
資料只留在瀏覽器中。
-
即時
結果立即顯示。
-
不上傳
不會傳送任何內容到 NEXNARA 伺服器。
-
隨處可用
無需安裝。
了解更多
什麼是顏色轉換器？
把一種顏色記法轉成其他記法。可複製 CSS 用的 HEX、設計用的 RGB、調整用的 HSL、取色器用的 HSV，或簡單的 CMYK 估算。計算只在瀏覽器中進行。
什麼是 HEX？
HEX 以十六進位對表示紅、綠、藍，例如 #FF0000。短格式 #RGB 會把每位重複一次。八位 #RRGGBBAA 加上透明度。這裡可以省略 #。
什麼是 RGB？
RGB 把紅、綠、藍以 0–255 混合。RGBA 再加上 0–1 的透明度。螢幕以 RGB 顯示顏色，因此它是其他轉換的中心格式。
什麼是 HSL？
HSL 是色相（0–360）、飽和度（0–100%）與亮度（0–100%）。色相 360 等於 0。HSLA 加上透明度。適合在不必想 RGB 數字時調整明暗或飽和度。
什麼是 HSV / HSB？
HSV（也稱 HSB）使用色相、飽和度與明度。它與 HSL 不同：最亮的紅是 hsv(0, 100%, 100%)，而 hsl(0, 100%, 50%)。本工具把 HSV 與 HSB 視為同一模型。
什麼是 CMYK？
CMYK 是青、洋紅、黃、黑，各為 0–100%。印刷使用 CMYK。這裡的轉換是螢幕 RGB 的數學估算，不是付印用的 ICC 設定檔。
RGB 與 CMYK
RGB 是螢幕上的加色光。CMYK 是紙上的減色油墨。相同數字不一定對應印刷色樣。此 CMYK 僅供大致參考，不用於最終印刷。
什麼是透明度（alpha）？
Alpha 是不透明度。1 為不透明，0 為完全透明。8 位 HEX、RGBA 與 HSLA 會保存它。本頁的 HSV 與 CMYK 輸出不含透明度，因此另外顯示該欄位。
什麼是 WCAG 對比比值？
WCAG 對比比較文字與背景的相對亮度。常見目標：AA 一般文字 4.5:1、AA 大型文字 3:1、AAA 一般文字 7:1、AAA 大型文字 4.5:1。它不涵蓋字級、字重及其他無障礙要求。
如何轉換顏色
選擇 HEX、RGB、HSL、HSV 或 CMYK。貼上數值或移動取色器。輸入時即轉換。可複製任一結果。檢查對比時請使用不透明背景，並查看每列 WCAG 的 PASS 或 FAIL。
隱私
不會把數值傳送到 NEXNARA 或外部顏色 API。本工具不會把數值存入 Cookie 或本機儲存。
常見問題
如何把 HEX 轉成 RGB？
貼上如 #FF0000 的 HEX 或選取顏色，RGB 會顯示為 rgb(255, 0, 0)。
如何把 RGB 轉成 HEX？
選擇 RGB 並輸入 rgb(255, 0, 0) 或 R、G、B 欄位，HEX 會更新為 #FF0000。
HSL 與 HSV 有何差異？
兩者都用色相與飽和度，但 HSL 的第三通道是亮度，HSV 是明度（value）。最亮的紅在 HSL 中是 50% 亮度，在 HSV 中是 100% value。
HSV 與 HSB 相同嗎？
相同。HSB 的 B（brightness）就是 HSV 的 V（value）。本工具接受 hsv() 與 hsb()。
RGB 能轉成 CMYK 嗎？
可以，作為螢幕 RGB 的估算。它不會符合每台印表機的設定檔。
為什麼印刷 CMYK 看起來會不同？
紙張、油墨與 ICC 設定檔會改變結果。本頁不模擬印刷機。
8 位 HEX 是什麼意思？
最後兩位是透明度。#FF000080 大約是 50% 不透明的紅色。
需要多高的對比？
WCAG AA 一般文字是 4.5:1，大型文字可以是 3:1，AAA 一般文字是 7:1。本工具只回報這四項。
轉換是在本機完成的嗎？
是。只在瀏覽器中執行。沒有伺服器，也沒有外部 API。
如何把 HEX 轉成 HSL？
貼上 HEX 並查看 HSL 欄位，或從 HSL 開始再複製 HEX。色相 360 等於 0。