颜色转换 + 取色本地处理 · 0 次网络请求
HEX / RGB / HSL 互转;支持浏览器原生屏幕取色;附 WCAG 对比度检查,选文字颜色不踩坑。
| 格式 | 值 | 说明 |
|---|
颜色格式怎么互转?
输入任意一种格式(HEX、rgb()、hsl()),其余格式即时给出。点击任意值可直接复制。需要从设计稿或网页上取色时,用「屏幕取色」按钮(Chrome / Edge 支持)。
HEX、RGB、HSL 各适合什么场景?
CSS 里三者都能用:HEX 简短通用;RGB 便于做透明度(rgba);HSL 最适合调色——想「更亮一点」就把 L 加 5%,想「更艳一点」就把 S 加 10%。
对比度检查是什么?
按 WCAG 标准,正文文字与背景的对比度应 ≥ 4.5,大字号 ≥ 3。表格里给出了当前颜色与黑/白底的对比度,帮你判断它适合作什么文字色。
屏幕取色按钮没反应?
屏幕取色(EyeDropper API)需要较新的 Chrome / Edge,且要求页面在 HTTPS 或 localhost 下。不支持时可用「拾色器」或直接输入颜色值。