颜色格式转换与 WCAG 对比度检测器

在 HEX、RGB、HSL、CMYK 之间实时转换颜色,并自动计算 WCAG 无障碍对比度(AA/AAA)。支持印刷用 CMYK 百分比与可视化预览。全程本地处理不上传。

文本预览

转换结果

RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)

无障碍检测 (WCAG)

白色文本0.00:1
小号文本 (AA)失败
大号文本 (AA)失败
黑色文本0.00:1
小号文本 (AA)失败
大号文本 (AA)失败

如何使用

  1. 输入 HEX/RGB/HSL 任意一种格式,或用取色器选择颜色。
  2. 工具自动同步输出其他格式(含 CMYK)。
  3. 在 WCAG 面板查看与黑/白文字的对比度比值及 AA/AAA 结果。
  4. 点击复制,把颜色值粘贴到代码或设计稿中。

核心功能

  • HEX/RGB/CMYK 转换 + WCAG 检测:一站式完成颜色格式转换与可访问性检查。
  • WCAG 对比度检测:自动计算对比度并给出 AA/AAA 通过/失败结果。
  • 印刷用 CMYK 转换:输出 CMYK 百分比,方便平面与印刷设计使用。
  • HSL 颜色空间:支持 HSL 调整,更直观地控制色相/饱和度/亮度。
  • 系统取色器集成:使用系统颜色选择器快速取色与预览。

相关工具

财富自由计算器 2026 (剔除通胀版) - 养老金与复利模拟器

2026 最新 FIRE 财务自由计算器(剔除通胀版)。拒绝虚高数字,精准模拟实际购买力下的复利增长。支持 4% 法则验证与养老金缺口反向推算。支持一键导出 CSV,完美适配 Excel 或 Notion 财务看板。隐私优先,本地计算零上传。

仓位计算器 - 按风险比例规划交易仓位

根据账户资金、风险比例、入场价和止损价计算交易仓位。所有计算在浏览器本地完成,不上传账户数据,可对比多档风险方案。

复利计算器 | 免费定投收益与 APY 增长图表

输入本金、定期投入、年化收益率和投资年限,计算复利增长结果,并用交互式图表展示本金、利息和最终总额。数据仅在本地计算。

在线房贷/贷款计算器 - 实时图表与还款明细 (等额本息/本金)

使用 Loan Calculator / Mortgage Calculator 在浏览器本地计算月供、总利息与还款明细。输入贷款额、年利率和期限,立即查看图表与还款计划表。

在线投资与 ROI 计算器 - 定投/复利收益可视化

使用 Investment Calculator / ROI Calculator 在浏览器本地估算初始本金、每月定投、年化回报率和通胀后的投资结果。立即查看复利图表、本金/收益拆解、ROI 与年度明细。

APR 与 APY 换算计算器 - 名义利率与实际利率转换

使用 APR to APY Calculator 在浏览器本地完成 APR/APY 双向换算。输入利率并选择复利频率,立即查看有效年利率、差值和多频率对比表。

利润率计算器 - 毛利率、加价率与售价在线换算

使用这款利润率计算器在浏览器本地计算毛利、Margin 和 Markup。输入成本和售价,或输入成本与目标毛利率,立即推算售价并避免把加价率误当利润率。

CPM 与 CPC 计算器 - 广告投放 CTR 与成本在线测算

使用 CPM 与 CPC 计算器在浏览器本地测算广告花费、展示量、点击量、CPM、CPC 和 CTR。输入预算与目标成本,快速推演可获得的曝光或点击。

计算逻辑

  • 转换:实现 RGB↔HSL、RGB↔CMYK 的标准数学映射。
  • WCAG:先计算相对亮度,再计算对比度比值。
  • 相对亮度近似可写为:(L = 0.2126R + 0.7152G + 0.0722B)。
  • 对比度为:(\frac{L_1 + 0.05}{L_2 + 0.05}),并据此判断 AA/AAA。

常见问题

如何检查颜色是否符合无障碍 (WCAG) 标准?

输入颜色后查看“WCAG”面板。工具会计算与黑/白文字的对比度并给出 AA/AAA 通过/失败结果。

如何将 HEX 转换为 CMYK 用于印刷?

输入 HEX(如 #FF0000),工具会即时输出 CMYK 百分比(如 0, 100, 100, 0),可直接用于印刷设计。

数据安全吗?会上传到服务器吗?

不会。颜色转换与对比度计算在浏览器本地完成,不上传任何颜色数据。

是否免费?是否支持批量?

免费使用。当前以单色转换与检测为主;批量场景建议逐个验证关键色(主色/文字色/背景色)。

WCAG 对比度为什么要用 0.05?

这是 WCAG 的规范项,用于避免极端情况下除零并更贴近人眼感知的可读性评估。