#0D9488rgb(13, 148, 136) · hsl(175, 84%, 32%)rgb(13, 148, 136)hsl(175, 84%, 32%)关于 颜色转换器
颜色转换器在 HEX、RGB、HSL 与 HSV 等表示法之间互转，并给出相近色与对比度参考，帮助设计师与前端在代码与设计稿之间准确传递色彩。输入任一种格式即时得到其它格式的等价写法，也支持拖动取色与复制代码片段。转换在浏览器本地完成，结果可一键复制。几个实用细节：三位简写 HEX（如 #f00）会被展开成 #ff0000，四位带透明度的简写（#f008）同样可解析；HEX 每通道只有 256 级，转到 HSL 再转回可能差 1 个数值的舍入，属正常现象肉眼难辨；RGBA/HSLA 的 alpha 用 0 到 1 的小数，八位 HEX 则用最后两位十六进制表示透明度，工具会自动换算。无论是调试 CSS、核对品牌色，还是为无障碍对比挑选文字与背景色，都能用它快速统一颜色表达，减少肉眼估错的偏差；也常与本站图片取色器配合，从设计稿里直接抽取并规范化颜色值。
使用方法
- 打开「颜色转换器」
- 选择源格式与目标格式
- 根据需要调整输出选项
- 点击「转换」按钮，结果实时显示
- 复制或导出结果
使用场景
- 对齐设计稿 — 把设计师给的 HEX 转成 CSS 里要用的 rgb 或 hsl 值。
- 加透明度 — 把不透明的颜色转成 rgba，调出半透明遮罩或阴影。
- 微调色相 — 用 HSL 模式调整色相和明度，快速生成同色系的深浅变体。
- 统一变量 — 把散落的颜色统一成一种格式，方便录入设计系统的色彩变量。
- 核对预览 — 粘贴未知颜色值，实时看到色块确认是否为想要的颜色。
常见问题
支持简写 HEX 吗？
支持。三位简写如 #f00 会被识别并展开成 #ff0000，四位带透明度的简写（#f008）同样可解析。
HEX 转 HSL 会丢精度吗？
HEX 每通道只有 256 级，转成 HSL 后再转回可能有 1 个数值的舍入误差，属正常现象，肉眼通常无法分辨。
透明度怎么表示？
RGBA/HSLA 里 alpha 用 0 到 1 的小数；八位 HEX 则用最后两位十六进制表示透明度，工具会自动对应换算。
支持 CSS 颜色名吗？
常见的命名颜色（如 red、rebeccapurple）通常可作为输入识别，输出则以数值格式为主，便于精确使用。
转出来会有色差吗？
各表示法描述的是同一个颜色，转换本身无色差；真正的差距来自显示器色域与色彩配置文件，建议在目标设备上再核对一次。
想做纯数字进制换算怎么办？
本工具专注颜色格式；若只是想把十六进制数转十进制等纯数字换算，请用本站的进制转换工具。
为什么我粘入的 oklch() 或 color(display-p3 ...) 解析不了？
那是因为本工具面向的是标准 sRGB 色域的 HEX / RGB / HSL / HSV，而 oklch() 和 color() 函数是 CSS Color 4 里定义的较新语法，很多设计稿和旧浏览器仍未支持。若你的设计稿给了 Oklab / Oklch 或广色域 display-p3 值，建议先在支持这些语法的环境里确认颜色，再用常规工具转成 sRGB 的 HEX 使用；或者直接核对设计稿中同时给出的 sRGB 近似值。若只是想知道颜色长什么样，也可先把预览色块结果作为参考，再手动转为目标格式。