RGB 转 HSL

RGB 到 HSL 转换是一种颜色模型转换过程，将颜色从 RGB（红、绿、蓝）格式转换为 HSL（色相、饱和度、亮度）格式。RGB 使用红、绿、蓝值（0-255）的组合来表示颜色，而 HSL 使用色相（颜色类型，0-360°）、饱和度（颜色强度，0-100%）和亮度（明暗程度，0-100%）来表示颜色。这种转换对于设计师和开发者特别有用，因为 HSL 比 RGB 更符合人类对颜色的感知，使颜色调整更加直观。

RGB 是一种加色模型，通过不同强度的红、绿、蓝光组合来产生各种颜色。每个颜色分量用 0 到 255 的值表示，其中 0 表示无强度，255 表示完全强度。例如，纯红色是 (255, 0, 0)，白色是 (255, 255, 255)，黑色是 (0, 0, 0)。RGB 常用于数字显示、网页设计和计算机图形，因为它直接对应屏幕发光的方式。

HSL 是一种更符合人类直觉的颜色模型。它由三个分量组成：色相（H）是色轮上以度数测量的颜色类型，从 0° 到 360°（0° = 红色，120° = 绿色，240° = 蓝色）。饱和度（S）表示颜色的强度或纯度，从 0%（灰度）到 100%（全彩）。亮度（L）表示颜色的明暗程度，从 0%（纯黑）到 50%（纯色）再到 100%（纯白）。HSL 使通过调整单个分量来创建颜色变化变得容易。

HSL 在颜色调整方面比 RGB 有几个优势：调整饱和度可以创建一致的颜色强度变化，修改亮度产生可预测的明暗变化，改变色相可以在保持颜色特征的同时旋转整个色谱。这使得 HSL 非常适合创建配色方案、生成基础颜色的变化，以及实现主题系统。例如，要创建颜色的较浅色调，只需增加亮度值，而不影响色相或饱和度。

使用我们的 RGB 到 HSL 转换器非常简单。以 0 到 255 之间的三个数字形式输入 RGB 值，格式为 R, G, B（例如：255, 128, 0）。工具会立即计算并显示等效的 HSL 值。然后您可以复制 HSL 结果用于设计工作、CSS 样式或颜色处理任务。转换在您输入时实时进行，方便您尝试不同的 RGB 值并立即查看其 HSL 等效值。

RGB 到 HSL 转换广泛应用于网页开发中创建动态配色方案、平面设计中生成颜色变化、数据可视化中创建一致的颜色渐变、主题开发中实现浅色/深色模式，以及图像处理中的颜色调整。设计师经常在需要创建单色配色方案（相同色相，不同亮度）、类似配色方案（相邻色相）或实现基于颜色的过滤系统时，将 RGB 转换为 HSL。