顏色代碼轉換器
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 3.68:1
WCAG: AA Large
最後更新：2026 · 免費線上工具
什麼是 顏色代碼轉換器？
免費線上工具，支援HEX、RGB、HSL、OKLCH顏色代碼雙向轉換及WCAG對比度計算
使用方法
- 1 輸入顏色 — 使用取色器或文字輸入顏色。支援HEX、rgb()、hsl()格式。
- 2 查看格式 — HEX、RGB、HSL、OKLCH格式同時顯示。
- 3 複製值 — 點擊每種格式的複製按鈕複製CSS值。
- 4 檢查對比度 — 設定對比顏色以檢查WCAG對比度。
相關工具
常見問題
OKLCH是Oklab色彩空間的圓柱形表示，是感知最均勻的色彩空間。CSS Color Level 4已支援。
衡量文字與背景顏色之間的亮度差異。AA標準要求至少4.5:1，AAA標準要求7:1。
目前僅支援不透明顏色（RGB、6位HEX）。RGBA和HSLA將在未來版本中新增。
可以。每種格式的輸出值可以直接貼到CSS中使用。
不會。所有顏色轉換都在瀏覽器中完成。