🎨

免費顏色格式轉換器

即時在 HEX、RGB、HSL、HSV 和 CMYK 格式之間轉換顏色。包含亮度標尺和預設色板。

在瀏覽器中執行無需註冊，無彈出式視窗無需登入永久免費

載入後可離線使用

在 HEX、RGB、HSL、HSV 和 CMYK 之間轉換顏色——帶即時預覽和一鍵複製。一切都在瀏覽器中執行。

顏色輸入

支援格式：HEX (#fff 或 #ffffff)、RGB (255, 255, 255) 或 HSL (360, 100%, 50%)

不透明度100%

預設:

HEX#14B8A6

rgb() · 舊版本rgb(20, 184, 166)

rgb() · 現代rgb(20 184 166)

hsl() · 舊版本hsl(173, 80%, 40%)

hsl() · 現代hsl(173 80% 40%)

oklch()oklch(70.4% 0.123 182.5)

lab()lab(67.1% -42.9 -2.3)

lch()lch(67.1% 43.0 183.1)

hsv()hsv(173, 89%, 72%)

cmyk()cmyk(89%, 0%, 10%, 28%)

RGB值20, 184, 166

WCAG 對比度

白色背景上

2.49:1

失敗

黑色背景上

8.44:1

AAA

🖨️ 用於列印: 這些CMYK值（89%、0%、10%、28%）是標準sRGB→CMYK近似值，僅供參考。為獲得準確的列印顏色，請使用印表機的ICC設定檔案或列印樣本 — 螢幕CMYK無法符合每種油墨/紙張。

亮度色階

點選色板可切換到該色調

工作原理

所有轉換邏輯都是完全在你的瀏覽器中執行的手寫 JavaScript——沒有庫、沒有伺服器呼叫。工具解析你的輸入，將其傳入一系列純數學函式，同時產生十一種輸出格式，包括現代 CSS Color 4 色彩空間 oklch() 和 lab()。

1
靈活的輸入解析
自定義解析器接受十六進位制（3、4、6 或 8 位）、rgb()/rgba()、hsl()/hsla()（支援舊式逗號語法和現代空格語法）以及純數字三元組。以小數或百分比表示的 alpha 值會在轉換開始前規範化到 0–1 範圍。
2
以 RGB 為轉換中樞
每種接受的格式都先解析為標準的 RGB 三元組。工具從這一表示出發向外展開：HSL 和 HSV 使用標準的最小值/最大值/色度公式；CMYK 透過求出黑色通道推導；在感知空間計算之前應用 sRGB 線性化（IEC 61966-2-1 定義的分段伽馬曲線）。
3
從零計算感知色彩空間
oklch() 使用 Björn Ottosson 的參考 3×3 矩陣（LMS 立方根空間）計算。lab() 和 lch() 使用 Bradford 色適應將 D65 白點轉換為 D50，與 CSS Color 4 對 lab() 的定義一致。這些與瀏覽器渲染引擎中使用的公式相同——此處在沒有任何外部依賴的情況下實現。
4
WCAG 對比度與亮度色階
相對亮度按 WCAG 2.1 公式計算（線性化的 R、G、B 按 0.2126/0.7152/0.0722 加權），並將與白色和黑色的對比度評為 AA 大號、AA、AAA 或不通過。九級亮度色條透過將 HSL 亮度通道從 10% 逐步調到 90% 產生，點選任意色塊即可轉換該色調。