颜色代码转换器
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL Adjustment
Contrast Ratio (WCAG)
Compare color:
샘플 텍스트
Contrast ratio: 3.68:1
WCAG: AA Large
最后更新：2026 · 免费在线工具
什么是 颜色代码转换器？
免费在线颜色转换工具，可在HEX、RGB、HSL、OKLCH色彩代码间即时互转，并计算两种颜色的WCAG对比度以检查无障碍合规性。 适用于开发和数据处理时需要在 CSV、JSON、颜色、时间等不同格式之间转换的场景，全部在浏览器本地完成，输入数据不会上传服务器，无需安装或注册即可免费使用。 结果可一键复制，整个过程简单快捷，无需下载任何软件，在手机和电脑上都能随时流畅使用。
使用方法
- 1输入颜色— 使用取色器或文本输入颜色。支持HEX、rgb()、hsl()格式。
- 2查看格式— HEX、RGB、HSL、OKLCH格式同时显示。
- 3复制值— 点击每种格式的复制按钮复制CSS值。
- 4检查对比度— 设置对比颜色以检查WCAG对比度。
相关工具
时间戳转换器免费在线工具，在Unix时间戳与日期之间双向转换，可识别秒(10位)和毫秒(13位)，支持KST、JST、UTC等时区以及ISO 8601和相对时间。 适用于开发和数据处理时需要在 CSV、JSON、颜色、时间等不同格式之间转换的场景，全部在浏览器本地完成，输入数据不会上传服务器，无需安装或注册即可免费使用。
CSS 渐变生成器免费在线可视化工具，设计linear、radial、conic渐变，调整颜色停止点和角度，一键复制网页背景的CSS代码。 适合在测试和开发中即时生成所需数值，所有生成过程都在浏览器本地运行，数据不会上传服务器，无需安装或注册即可免费使用。 结果可一键复制，整个过程简单快捷，无需下载任何软件，在手机和电脑上都能随时流畅使用。
CSS 盒子阴影生成器免费在线CSS box-shadow生成器，可调节偏移、模糊、扩散、颜色和内阴影inset并实时预览阴影，生成可复制的box-shadow CSS代码。 适合在测试和开发中即时生成所需数值，所有生成过程都在浏览器本地运行，数据不会上传服务器，无需安装或注册即可免费使用。 结果可一键复制，整个过程简单快捷，无需下载任何软件，在手机和电脑上都能随时流畅使用。
常见问题
OKLCH是Oklab色彩空间的圆柱形表示，是感知最均匀的色彩空间。CSS Color Level 4已支持。
衡量文本与背景颜色之间的亮度差异。AA标准要求至少4.5:1，AAA标准要求7:1。
目前仅支持不透明颜色（RGB、6位HEX）。RGBA和HSLA将在未来版本中添加。
可以。每种格式的输出值可以直接粘贴到CSS中使用。
不会。所有颜色转换都在浏览器中完成。