颜色代码转换器
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中使用。
不会。所有颜色转换都在浏览器中完成。