# HSL转LCH转换器

将HSL颜色值转换为LCH用于色彩管理，支持alpha通道处理

> 标准页面: https://elysiatools.com/zh/tools/hsl-to-lch-converter

- **分类:** Design

- **关键词:** hsl, lch, 颜色, 转换器, 屏幕, cielch, 色彩空间, alpha, 透明度, 色相, 饱和度, 亮度, 色度

## 概述

HSL转LCH转换器是一款专业的色彩空间转换工具，能够将HSL（色相、饱和度、亮度）颜色值精确转换为LCH（亮度、色度、色相）颜色值。它支持多种HSL输入格式，并能妥善处理包含透明度的Alpha通道，适用于需要进行精确色彩管理和跨媒体色彩校准的专业场景。

## 输入项

- **HSL输入** (textarea): Enter HSL values, one per line: hsl(0,100%,50%) hsla(0,100%,50%,0.5) 0,100,50 0,100,50,0.5 H:0 S:100% L:50% H:0 S:100% L:50% A:0.5
- **输出格式** (select)
- **Alpha通道处理** (select)
- **自定义背景颜色** (color): Alpha合成使用的自定义背景颜色（选择自定义背景时使用）

## 适用场景

- 当您需要将设计稿或CSS中的HSL颜色转换为更符合人眼感知、便于进行色彩调整的LCH色彩空间时。
- 当处理带有透明度（Alpha通道）的颜色，并需要将其与特定背景色合成以获得准确的不透明LCH值时。
- 当您需要在不同色彩空间（如HSL与LCH）之间进行转换，以用于印刷、屏幕显示或色彩科学研究时。

## 工作原理

- 在输入框中粘贴或输入HSL颜色值，支持 `hsl()`、`hsla()`、纯数值或带标签等多种格式，每行一个。
- 选择所需的LCH输出格式，例如标准的 `lch()` 函数、CSS格式、纯数值或带标签的格式。
- 根据需要配置Alpha通道的处理方式，选择与白色、黑色或自定义背景色合成，或直接忽略透明度。
- 点击转换，工具将立即计算并输出对应的LCH颜色值。

## 使用案例

- 设计师在进行品牌视觉设计时，将定义好的HSL主题色转换为LCH，以便更直观地调整颜色的亮度和色度，确保跨媒介色彩一致性。
- 前端开发者在处理CSS颜色时，将HSLA格式的颜色转换为LCH，以利用LCH色彩空间在渐变和色彩调整上的优势。
- 印刷或影像专业人员将屏幕设计的HSL颜色转换为LCH，用于更精确地匹配印刷色域或进行专业的色彩校正。

## 常见问题

### 这个工具支持哪些HSL输入格式？

支持多种常见格式，包括：`hsl(0,100%,50%)`、`hsla(0,100%,50%,0.5)`、纯数值 `0,100,50` 或 `0,100,50,0.5`，以及带标签的格式如 `H:0 S:100% L:50%`。

### Alpha通道处理中的“与白色背景合成”是什么意思？

这是指将带有透明度的颜色叠加在白色背景上，计算出最终的不透明颜色值，再进行HSL到LCH的转换。这是模拟颜色在白色背景上显示效果的推荐方式。

### 转换后的LCH值可以用于CSS吗？

可以。您可以选择“lch(50 50 180)”这种CSS语法格式的输出，直接用于现代CSS的 `color` 属性中。

### 转换的精度如何？

转换基于标准的色彩空间转换算法，能够保证色彩信息在HSL和LCH之间准确映射，满足专业设计需求。

### 可以批量转换多个颜色吗？

可以。您只需在输入框中每行输入一个HSL颜色值，工具会逐行进行转换并输出对应的LCH结果。

## 相关工具

- [Adobe RGB转CMYK转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-cmyk-converter): 将Adobe RGB颜色值转换为CMYK格式用于印刷，支持alpha通道处理
- [Adobe RGB转HEX转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-hex-converter): 将Adobe RGB颜色值转换为HEX格式用于网页设计
- [Adobe RGB转HSL转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-hsl-converter): 将Adobe RGB颜色值转换为HSL格式用于设计工作
- [Adobe RGB转HSV转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-hsv-converter): 将Adobe RGB颜色值转换为HSV/HSB用于色彩操作
- [Adobe RGB转LAB转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-lab-converter): 将Adobe RGB颜色值转换为LAB色彩空间用于颜色分析，支持alpha通道处理
- [Adobe RGB转LCH转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-lch-converter): 将Adobe RGB颜色值转换为LCH色彩空间用于直观的颜色操作，支持alpha通道处理
- [Adobe RGB转RGB转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-rgb-converter): 将Adobe RGB颜色值转换为sRGB格式用于网页显示
- [Adobe RGB转sRGB转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-srgb-converter): 将Adobe RGB颜色值转换为sRGB格式用于网页显示

## 示例

- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换
- [Web Rust 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-rust): Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换

## 相关内容

- [面向网页与印刷的色彩空间转换工具](https://elysiatools.com/zh/hubs/design-convert): 围绕网页到印刷的色彩空间转换整理的一组工具。
- [CSS 效果、配色板与设计 Token 生成工具](https://elysiatools.com/zh/hubs/design-generate): 围绕CSS 视觉效果、配色构建与设计 Token 生成整理的一组工具。
- [网页无障碍审查与可读配色工具](https://elysiatools.com/zh/hubs/web-accessibility-audits): 在一个专题中检查 WCAG 问题、读屏顺序、低对比度区域、色觉缺陷风险和可读配色选择，适合网页与 UI 无障碍工作流。
- [颜色设计与颜色空间转换工具](https://elysiatools.com/zh/hubs/color-design-tools): 在一个专题里比较颜色转换器、调色板生成器、和谐色工具、无障碍检查器和颜色调整工具，适合设计师和开发者。