颜色格式转换器
在本地为 CSS 编写、设计交付或颜色转换学习生成颜色值。
使用步骤
如何使用
- 选择 HEX、RGB 或 HSL,输入一个不透明 sRGB 颜色。
- 选择使用场景,转换后对照预览和取整显示值。
- 复制完整报告或下载 UTF-8 TXT;编辑或重置会使旧结果失效。
严格支持的语法
HEX 接受带或不带 # 的三位或六位值。RGB 接受 0–255 十进制数或 0–100% 百分比,包括小数和指数。空格格式可混合单位,逗号格式通道必须使用同一单位类型。HSL 接受逗号或空格格式,色相为度、grad、rad 或 turn,饱和度和亮度为 0–100%。色相循环。不支持 alpha、色名、none、calc()、CMYK 和广色域;越界值拒绝而非按 CSS 截断。
精度与报告
转换使用伽马编码 sRGB。报告包含原始输入、场景、带单位解析通道、数值 RGB/HSL 和全部格式,保留 JavaScript Number 精度。HEX 必须取整为 8 位;显示 RGB 为整数、色相为整数度、饱和度与亮度为 0.1%。不宣称 ICC 或感知精度。 数字 token 最多 64 个字符。非零输入或色相单位换算下溢为零时会被拒绝;其余计算仍受 JavaScript 浮点精度约束。
本地工作流程
处理、预览、复制和 UTF-8 TXT 导出都在浏览器内完成。场景记录用途而不改变计算。编辑、重置和导航会清除过期结果。剪贴板失败时仍可选择报告手动复制。
常见问题
你可能还想知道
支持透明度吗?
不支持,只接受不透明颜色,alpha 和 RGBA/HSLA 语法会被拒绝。
显示值为什么与报告不同?
显示为便于阅读而取整,报告保留浮点值。HEX 必须量化为 8 位,因此往返转换可能不同。
没有剪贴板权限如何导出?
下载 TXT 或选择报告手动复制,不会上传任何内容。