把同一种颜色写成另一种代码
输入 HEX、RGB 或 HSL 格式的 sRGB 颜色，转换器会给出另一种格式的代码。颜色样本放在棋盘格上，便于分辨透明度。
根据已有代码选择输入格式
HEX 可以输入 3、4、6 或 8 位十六进制字符，开头的 # 可省略。RGB 的红、绿、蓝通道必须是 0 到 255 的整数。HSL 的色相范围是 0 到 360°，饱和度和亮度为 0% 到 100%。RGB 与 HSL 中的 Alpha 范围是 0 到 1。随后选择不同的目标格式。
8 位 HEX 按 #RRGGBBAA 排列，最后两位是透明通道。CSS Color 规范对这种 sRGB 写法作出了定义；它并不代表所有图像文件都使用相同的通道顺序。
切换输入格式时，当前有效颜色会自动带入新字段。若输入暂时不合法，先修正数值，再更换格式会更容易核对结果。
用数字核对颜色
蓝色 #336699 转换为 rgb(51,102,153)，也可以写作 hsl(210,50%,40%)。写法不同，预览颜色相同。
将 R、G、B 分别设为 255、0、0，HEX 结果是 #FF0000。前两位表示满值的红色通道，其余两组都是零。
输入 #00000080，RGB 结果为 rgba(0,0,0,0.502)。末尾 80 对应 128/255 的不透明度，所见颜色会随背后的底色变化。
精度与预览的边界
RGB 通道取整，HSL 显示一位小数，Alpha 显示三位小数。往返转换时末位数字可能不同。工具不转换 CMYK、Display P3 或 Lab，也不会仅凭单个颜色判断文字对比度；还需要背景色。
关于颜色格式的常见问题
短代码和透明通道最容易在复制到 CSS 时产生误解。
输入 HEX 时必须带 # 吗？
不必。输入时可省略，输出的 HEX 代码会带上 #。
#FFF 为什么等于白色？
每个字符重复一次，展开后是 #FFFFFF，三个 RGB 通道都是 255。
灰色为什么显示色相 0°？
饱和度为 0% 时，色相不会改变灰色。转换器用 0° 作固定输出。
色相 360° 与 0° 有区别吗？
没有。色相是一个圆，360° 回到起点。
预览能保证所有屏幕显示一致吗？
不能。sRGB 数值相同，屏幕的色彩配置、校准和亮度仍会影响视觉效果。
类似计算器
以下与此主题相关的计算器可能对您有用：
- 在线密码生成器. 轻松创建强大且安全的密码，保护您的数字账户免受未授权访问，适用于各类应用。
- 在线HTML可视化编辑器. 简单易用的HTML编辑器，实时预览您的代码更改，适合初学者和专业人士。
- 在线二进制转十进制计算器. 输入二进制数并将其转换为十进制数。
- 在线二进制转八进制计算器. 输入二进制数并将其转换为八进制数。
- 在线二进制转十六进制计算器. 输入二进制数并将其转换为十六进制数。
- 在线十进制转二进制计算器. 输入十进制数并将其转换为二进制数。
- 在线十进制转八进制计算器. 输入十进制数并将其转换为八进制数。
- 在线十进制转十六进制计算器. 输入十进制数并将其转换为十六进制数。
- 在线八进制转二进制计算器. 输入八进制数并将其转换为二进制数。
- 在线八进制转十进制计算器. 输入八进制数并将其转换为十进制数。
在社交媒体上分享
如果您喜欢，请在您的社交媒体平台上分享计算器。对您来说很简单，对项目的推广很有帮助。谢谢！