十六進位顏色選擇器與轉換器（RGB、HSL、HSV、CMYK、OKLCH）
將任意顏色轉換為 HEX、RGB、HSL、HSV、CMYK 和 OKLCH，檢查對比度，複製配色色樣，匯出 CSS 或 JSON——盡在瀏覽器中。
輸入 hex（#RGB、#RRGGBB、#RRGGBBAA）、rgb()/rgba()、hsl()/hsla()、hsv()、cmyk()、oklch() 或 CSS 顏色名稱。無效值將保留上一次有效轉換。
最接近的 CSS 名稱: royalblue
轉換結果
白色背景上
3.68:1
通過 WCAG AA（僅大字）
黑色背景上
5.71:1
通過 WCAG AA（內文）
匯出色樣
選擇或貼上任意顏色格式，轉換為 HEX、RGB、HSL、HSV、CMYK 和 OKLCH，檢查 WCAG 對比度，產生配色色樣，複製數值，匯出 CSS 或 JSON。免費、快速，完全在瀏覽器中執行。
如何使用此顏色選擇器
輸入或貼上任何支援的顏色格式，調整不透明度，或使用原生選擇器。頁面即時轉換為 HEX、RGB、HSL、HSV、CMYK 和 OKLCH，顯示與白/黑背景的 WCAG 對比度，產生配色色樣和色調/明暗條，並保持一切可複製。透過 URL 分享設定——狀態儲存在查詢字串中。
HEX、RGB、HSL、HSV、CMYK 和 OKLCH 參考
Hex 是緊湊的 RGB 編碼。RGB 描述紅/綠/藍通道。HSL 表示色相、飽和度和明度；HSV 使用色相、飽和度和明度（亮度）。CMYK 表示印刷油墨百分比。OKLCH 是感知均勻的 CSS 色彩空間。本工具在瀏覽器中使用確定性計算，無需上傳，也無外部 API。
互補、類似、三元、分裂互補、四元和單色
互補色將色相旋轉 180°。類似色在基色周圍按固定角度步進。三元色使用 120° 偏移。分裂互補在補色附近新增兩個色相。四元色使用 90° 矩形偏移。單色保持色相並變化明度。數量控制適用於類似色和單色模式。
CSS 變數與 JSON 匯出
匯出產生帶穩定名稱的 :root 自訂屬性（如 --color-base、--color-analogous-1）及 JSON，包含 baseHex、alpha、namedColor、配色模式、對比度比值和色樣清單，供指令碼或設計權杖使用。
WCAG 對比度檢查
對比度比值依 WCAG 2.x 由相對亮度計算。AA 要求內文 4.5:1、大字 3:1；AAA 要求 7:1。在淺色或深色背景上選擇文字或介面顏色時可參考預覽。
常見問題解答
可以輸入哪些顏色格式？
Hex（#RGB、#RRGGBB、#RRGGBBAA）、rgb()/rgba()、hsl()/hsla()、hsv()、cmyk()、oklch() 以及 cornflowerblue、rebeccapurple 等所有標準 CSS 命名顏色。
#ABC 會擴展為六位嗎？
會。三位 hex 按數字對擴展，因此 #ABC 變為 #AABBCC。
顏色無效時會怎樣？
會顯示行內錯誤。上一次有效顏色會保留在轉換列、選擇器和匯出中，直到您再次輸入有效值。
WCAG 對比度檢查如何運作？
它根據相對亮度計算您的顏色與純白或純黑之間的對比度比值，並顯示是否滿足內文或大字文字的 AA 或 AAA 標準。
配色顏色如何計算？
計算是確定性的：互補為 180° 色相偏移；類似色使用固定色相步進；三元色 120° 偏移；分裂互補為補色附近色相；四元色 90° 矩形偏移；單色在保持基色色相和飽和度的同時變化明度。
JSON 匯出包含什麼？
穩定鍵：baseHex、alpha、namedColor、harmony、適用的 harmonyCount、harmonySwatches、tintShadeStrip、stripCount 及對比度比值——適用於工具或文件。
可以分享我的顏色嗎？
可以。URL 會更新 hex、alpha、配色模式、數量和條帶大小，便於加入書籤或分享精確設定。