颜色代码转换器

HEX、RGB和HSL之间的色彩转换涉及不同颜色模型之间的数学变换。HEX颜色使用十六进制表示法（#RRGGBB），每对代表一个颜色通道（红、绿、蓝），值从00到FF（十进制0-255）。RGB是相同三个通道的直接数值表示。 HSL（色相、饱和度、亮度）使用圆柱坐标系。色相（Hue）是色轮上0-360度的角度，饱和度（Saturation）是表示颜色纯度的百分比，亮度（Lightness）表示颜色的明暗程度。将RGB转换为HSL需要计算通道值的最大值和最小值，然后从通道差异中推导色相。 此工具中的所有转换均使用JavaScript实现的精确数学公式，并应用输入值钳制以防止无效结果（例如RGB值限制在0-255范围内，HSL色相限制在0-360范围内）。实时颜色预览使用CSS background-color即时更新。

1. 以任何支持的格式输入颜色值：HEX (#ff6600)、RGB (255, 102, 0) 或 HSL (24, 100%, 50%)。 2. 工具会立即转换为所有其他格式。 3. 实时颜色预览显示您选择的颜色。 4. 点击任何输出值即可复制到剪贴板。 5. 使用输入字段调整各个通道值。 提示：HEX简写表示法（如#f60）会自动展开为完整形式（#ff6600）。

HEX：Web开发中最常见的格式。用于CSS、设计工具和品牌指南。每个通道范围从00（无）到FF（最大强度）。 RGB：加色模型，将红、绿、蓝光组合。(0,0,0)是黑色，(255,255,255)是白色。用于数字显示器和CSS rgb()函数。 HSL：对设计师更直观。色相（Hue）在色轮上选择基本颜色，饱和度（Saturation）控制鲜艳度（0% = 灰色），亮度（Lightness）控制明暗（0% = 黑色，100% = 白色）。CSS原生支持hsl()函数。