颜色值
预览
输出格式
输入颜色后自动转换
在线颜色转换工具（Hex / RGB / HSL / 名称）
输入任意一种颜色表示，页面会同时给出另外三种写法与对应的 CSS 命名色，并实时显示色块预览。支持 #rgb、#rrggbb、#rrggbbaa 十六进制，rgb()/rgba()、hsl()/hsla() 以及 red、rebeccapurple 这类命名色。
所有转换都在浏览器里完成，颜色值不会发送给任何服务器。
主要功能
- 多格式互转：Hex、RGB、HSL 与 CSS 命名色之间一键互转，结果同步展示。
- 命名色识别：自动识别 148 个 CSS 标准命名色，反过来也能用名称查到对应的十六进制。
- 实时预览：输入即转换，色块随输入实时变化，深色浅色自动切换文字对比。
- 透明通道：8 位十六进制与 rgba() 中的 alpha 通道一并保留与转换。
使用步骤
- 在左侧输入框填入颜色，可以是 #ff0000、rgb(255,0,0)、hsl(0,100%,50%) 或 red。
- 右侧会同步显示 Hex、RGB、HSL 与命名色四种表示。
- 点"复制"按钮取走需要的一种格式。
常见问题
Hex 和 RGB 有什么区别？
它们是同一个颜色的两种写法：Hex 用十六进制表示红绿蓝三个分量，RGB 用十进制。#ff0000 与 rgb(255,0,0) 是完全等价的红色，只是书写习惯不同。
8 位十六进制里的最后两位是什么？
最后两位是 alpha（透明度）通道，两位十六进制表示 0~255 的透明度，对应 rgba() 里的第四个参数，00 表示完全透明、ff 表示完全不透明。
为什么有些颜色没有命名色？
CSS 只定义了 148 个命名色（如 red、blue、rebeccapurple），绝大多数颜色没有对应的英文名称，因此这一类会显示"-"，改用 Hex/RGB/HSL 表示即可。