颜色转换

第二步 — 输入下方会实时显示预览色块。 第三步 — “转换结果”面板列出全部四种格式，每种都有“复制”按钮。

典型场景： 设计师在 Sketch 或 Figma 中以 HSL 挑选颜色，并将 HEX 交给开发者；前端开发者将设计规范中的 HEX 转为 RGBA 以增加透明度；用 HSL 调整品牌色，便于控制明度与饱和度；调试主题切换与深色模式调色板；将从截图中拾取的颜色以多种格式记入文档。 典型场景： 设计师在 Sketch 或 Figma 中以 HSL 挑选颜色，并将 HEX 交给开发者；前端开发者将设计规范中的 HEX 转为 RGBA 以增加透明度；用 HSL 调整品牌色，便于控制明度与饱和度；调试主题切换与深色模式调色板；将从截图中拾取的颜色以多种格式记入文档。

隐私说明： 所有颜色转换均在浏览器本地运行，输入不会上传。 隐私说明： 所有颜色转换均在浏览器本地运行，输入不会上传。

RGB → HSL 使用标准算法（归一化到 [0,1] 后计算色相、饱和度、亮度）。 HSL → RGB 使用六个线性色相段的反算法。