如何使用
- 输入 HEX/RGB/HSL 任意一种格式，或用取色器选择颜色。
- 工具自动同步输出其他格式（含 CMYK）。
- 在 WCAG 面板查看与黑/白文字的对比度比值及 AA/AAA 结果。
- 点击复制，把颜色值粘贴到代码或设计稿中。
核心功能
- HEX/RGB/CMYK 转换 + WCAG 检测：一站式完成颜色格式转换与可访问性检查。
- WCAG 对比度检测：自动计算对比度并给出 AA/AAA 通过/失败结果。
- 印刷用 CMYK 转换：输出 CMYK 百分比，方便平面与印刷设计使用。
- HSL 颜色空间：支持 HSL 调整，更直观地控制色相/饱和度/亮度。
- 系统取色器集成：使用系统颜色选择器快速取色与预览。
相关工具
免费图片取色器与调色板生成器
选择、拖拽或粘贴图片，在浏览器本地吸取像素颜色，复制 HEX/RGB/HSL，并提取图片主色调色板。
Lorem Ipsum 假文生成器 (JSON/HTML) - 开发者友好
生成用于设计与前端开发的 Lorem Ipsum 假文，支持纯文本、HTML <p> 标签与 JSON 数组输出。可变长度（段落/句子/单词），并支持中文假文。全程本地生成不上传。
长宽比计算器与 CSS 生成 - TikTok/IG 尺寸预设
快速计算长宽比与缺失尺寸（输入宽得高/输入高得宽），内置 TikTok 9:16、YouTube 16:9、Instagram 4:5 等预设，并自动生成 aspect-ratio CSS 代码。全程本地运行不上传。
计算逻辑
- 转换：实现 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 的规范项，用于避免极端情况下除零并更贴近人眼感知的可读性评估。