RGB 转 HSL 转换器：快速实时颜色转换
RGB 转 HSL 转换器可即时将 RGB 颜色转换为 HSL，实时双向编辑让您修改任一值即可看到另一值同步更新。它接受常见颜色输入形式，包括 #abc、rgb(1 2 3 / 50%) 和命名颜色。查看颜色色板，复制可直接粘贴的 CSS 代码行，并检查 sRGB 色域外警告。
RGB 转 HSL 转换器让颜色转换和 HSL 表示形式查看变得简单。输入 RGB 颜色，或编辑 RGB/HSL 任一边，另一值都会实时更新。工具接受宽松的颜色输入，如 #abc、rgb(1 2 3 / 50%) 和命名颜色，并显示色板供视觉参考。
编辑时转换会保持两种颜色表示形式同步。您可以复制 HSL 结果的可直接粘贴的 CSS 代码行；当颜色超出 sRGB 时，工具会显示色域外警告。没有其他转换设置，核心流程就是输入或编辑颜色并查看更新后的结果。
RGB 通过红、绿、蓝三个分量表示颜色，HSL 则通过色相、饱和度和亮度表示。当代码、文档或其他系统需要某种特定表示形式时，两者互转很有用。实时编辑帮助您核对给定的数值，色板则在复制 CSS 前提供视觉确认。
该工具完全在浏览器中运行：您的输入在设备上处理，不会上传、存储或发送到服务器。无需注册，页面加载完成后支持离线转换。My-DevTools 另有独立页面提供反向转换，无需重新输入即可转回 RGB。
对于需要在格式间转移颜色值、使用前校验颜色，或为代码和技术交流准备 CSS 的开发者和运维工程师来说，这款 RGB 转 HSL 转换器非常实用。它的即时更新、丰富的输入格式、色板和可直接复制的结果，让这些校验工作变得简单直接。
步骤 1：输入或粘贴 RGB 颜色。解析器接受 #abc、rgb(1 2 3 / 50%) 和命名颜色等格式。
步骤 2：编辑 RGB 或 HSL 任一值，即可实时更新另一边。方便您在操作时对比颜色表示形式。
步骤 3：查看色板和可能的色域外警告。该警告用于标识超出 sRGB 的颜色。
步骤 4：当 HSL 结果可用于代码时，复制可直接粘贴的 CSS 代码行。
使用场景：将 RGB 数据转入只接受 HSL 的系统。转换颜色并复制 CSS 代码行，用于工作流程的下一步。
使用场景：核对给定的 HSL 值是否与原始 RGB 颜色一致。实时双向编辑让两种表示形式的对比变得轻松。
使用场景：为文档、工单或提交信息准备 RGB 颜色片段。色板和可直接使用的 CSS 代码行有助于核对和分享结果。
使用场景：在将结果粘贴到代码之前快速校验颜色转换。确认显示的颜色，并留意色域外警告。
使用场景：查看简写十六进制值、rgb() 函数或命名颜色形式的颜色。宽松的解析器接受这些输入形式。
使用场景：在对比 RGB 与 HSL 值时调整颜色。编辑任一边都会实时更新另一边，您可以直接看到对应的表示形式。