图片与设计工具

颜色格式转换器

在本地为 CSS 编写、设计交付或颜色转换学习生成颜色值。

优先本地处理无需注册隐私说明 ↗

不透明 sRGB:3/6 位 HEX;RGB 数值或百分比;HSL 支持 deg/grad/rad/turn 色相和百分比饱和度、亮度。逗号格式 RGB 不可混合单位。不支持 alpha、色名、none 与广色域。 数字 token 最多 64 个字符。非零输入或色相单位换算下溢为零时会被拒绝;其余计算仍受 JavaScript 浮点精度约束。

使用步骤

如何使用

  1. 选择 HEX、RGB 或 HSL,输入一个不透明 sRGB 颜色。
  2. 选择使用场景,转换后对照预览和取整显示值。
  3. 复制完整报告或下载 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 或选择报告手动复制,不会上传任何内容。