颜色转换器
即时转换 HEX、RGB 和 HSL 颜色格式。
多种格式
在 HEX (#RGB)、RGB（红、绿、蓝）和 HSL（色相、饱和度、亮度）之间转换，实时预览。
实时预览
在输入时实时查看颜色。在使用之前即时可视化颜色效果。
复制到剪贴板
一键复制任何格式。即时将颜色粘贴到您的 CSS、设计工具或代码中。
颜色选择器
使用内置颜色选择器可视化选择颜色，而不是输入代码。
理解颜色模型
不同的颜色模型在设计和开发中有不同的用途。HEX（十六进制）是网页标准，RGB 表示屏幕如何显示颜色，HSL 用人类友好的术语描述颜色。每种格式都有独特的优点：HEX 简洁，RGB 对数字显示直观，HSL 通过调整亮度或饱和度轻松创建颜色变化。
颜色转换的使用案例
网页设计师转换颜色以匹配 CSS 要求，图形设计师在工具之间翻译品牌颜色，开发人员以编程方式调整配色方案。HEX 非常适合 CSS 和 HTML，RGB 适用于 JavaScript 画布操作和图像处理，而 HSL 在通过系统性变化色相、饱和度或亮度来创建一致设计的调色板方面表现出色。
理解颜色模型
HEX 使用基数 16 表示法（0-9，A-F），其中 #RRGGBB 表示红、绿和蓝组件。RGB 使用每个颜色通道的十进制值（0-255）。HSL 将色相（0-360°，颜色轮位置）、饱和度（0-100%，颜色强度）和亮度（0-100%，亮度）分开。它们之间的转换需要数学公式——我们的工具自动处理这些。
颜色转换器常见问题
颜色模型是颜色的数学表示。HEX 使用十六进制表示法，RGB 将颜色表示为红/绿/蓝光组合，HSL 使用色相/饱和度/亮度描述颜色。每种模型在设计和开发中有不同的用途。
对于网页 CSS 使用 HEX（紧凑且广泛支持），对于 JavaScript 画布工作和图像处理使用 RGB，以及在需要以编程方式调整颜色变化（亮度、饱和度）或创建和谐的调色板时使用 HSL。
RGB 将颜色表示为三个十进制数字（0-255），分别对应红、绿、蓝。HEX 是相同的概念，但使用十六进制表示法（#RRGGBB）。它们表示相同的颜色空间——HEX 只是 CSS 中常用的更紧凑的表示法。
HSL 非常适合以编程方式创建颜色变化。您可以通过调整亮度轻松生成更亮/更暗的版本，通过改变饱和度创建柔和/鲜艳的变体，或者通过旋转色相生成配色方案，同时保持饱和度和亮度不变。
是的！该工具可以转换标准 RGB 颜色空间内的所有颜色（1670 万种颜色）。但是，它不处理透明度/alpha 通道——为此，您需要 RGBA 或 HSLA 格式，其中包括不透明度值。
目前不可以。该工具转换 RGB、HEX 和 HSL——均不包含 alpha/透明度。对于带透明度的颜色，您需要 RGBA（rgb(255,0,0,0.5)）、HEXA (#FF000080) 或 HSLA 格式，其中包括作为第四个值的不透明通道。