颜色格式转换与 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 财务看板。隐私优先,本地计算零上传。

PUBG 艾伦格互动地图 2026:最新地下室密室与高物资点位

找不到艾伦格地下室?EasyTools 提供 2026 最新红木门位置标注、钥匙刷新点及高级物资热力图。浏览器本地计算,隐私安全,永久免费。立即规划进圈路线!

PUBG 泰戈密室地图 2026:钥匙刷新点与隐藏密室入口

泰戈 2026 最新密室地图!异常区域取消后,识别“青蓝色屋顶”建筑成为获取空投武器的唯一捷径。含自救除颤器必刷点标注,隐私安全。

PUBG 维寒迪地图 2026:熊洞位置、实验室营地与秘密物资

维寒迪雪地 2026 攻略。标注致命“熊洞”入口、热成像瞄准镜刷新区及 Lab Camp 实验室钥匙刷新规律。避开北极熊,夺取顶级物资。

PUBG 荣都互动地图 2026:安全门钥匙与保险柜物资汇总

荣都 8x8 战术大图 2026 版。精准标注安全门 (Security Door) 钥匙卡位置、保险柜 (Safes) 坐标及应急呼叫器刷新点。助你快速积累金币!

通用图片盖章标注工具 (支持 SVG 与 WebP) - 在线无损标记与 JSON 导出 2026

图片标注模糊?EasyTools 提供支持 SVG 无损缩放与 WebP 高效导出的通用盖章工具。保留 PNG 透明背景,一键导出 JSON 坐标数据。浏览器本地处理,隐私安全,全格式兼容。

JSON 格式化校验与 TS 类型生成 - 在线美化、压缩与修复

免费在线 JSON 工具:一键美化/压缩、语法校验、错误高亮,并自动生成 TypeScript 接口与 Zod Schema。纯浏览器本地处理,数据不上传。

字数统计与 AI Token 成本计算器 - GPT/Gemini 估算

不仅统计字数,还能估算 GPT 与 Gemini 的 Token 消耗与 API 成本。支持中日韩(CJK)字符统计、阅读/口播时间计算,全部本地处理不上传。

计算逻辑

  • 转换:实现 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 的规范项,用于避免极端情况下除零并更贴近人眼感知的可读性评估。