Elysia Tools
导航
Design
· 最后更新：2025-01-13
将HSL颜色值转换为LCH用于色彩管理，支持alpha通道处理
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
工具使用指南
HSL转LCH转换器是一款专业的色彩空间转换工具，能够将HSL（色相、饱和度、亮度）颜色值精确转换为LCH（亮度、色度、色相）颜色值。它支持多种HSL输入格式，并能妥善处理包含透明度的Alpha通道，适用于需要进行精确色彩管理和跨媒体色彩校准的专业场景。
背景
设计师定义了一套基于HSL的品牌色板，但需要为印刷物料提供LCH值以确保色彩准确。
问题
需要将品牌主色 `hsl(210, 80%, 50%)` 转换为LCH值，并输出为便于记录的格式。
如何使用
在输入框中输入 `hsl(210, 80%, 50%)`，输出格式选择“L:50 C:50 H:180°”这种带标签的格式。
结果
获得清晰标注的LCH值 `L:55 C:45 H:265°`，可直接用于印刷色彩规范文档。
背景
开发中使用了一个半透明的按钮背景色 `hsla(160, 70%, 45%, 0.7)`，需要知道其叠加在白色页面背景上的实际LCH值，用于无障碍对比度检查。
问题
需要计算半透明颜色在白色背景上的最终不透明色值，并转换为LCH。
如何使用
输入 `hsla(160, 70%, 45%, 0.7)`，在“Alpha通道处理”中选择“与白色背景合成（推荐）”，输出格式选择“lch(50,50,180)”。
结果
得到合成后的LCH值 `lch(65 55 165)`，可用于精确计算文本与背景的对比度。
支持多种常见格式，包括：`hsl(0,100%,50%)`、`hsla(0,100%,50%,0.5)`、纯数值 `0,100,50` 或 `0,100,50,0.5`，以及带标签的格式如 `H:0 S:100% L:50%`。
这是指将带有透明度的颜色叠加在白色背景上，计算出最终的不透明颜色值，再进行HSL到LCH的转换。这是模拟颜色在白色背景上显示效果的推荐方式。
可以。您可以选择“lch(50 50 180)”这种CSS语法格式的输出，直接用于现代CSS的 `color` 属性中。
转换基于标准的色彩空间转换算法，能够保证色彩信息在HSL和LCH之间准确映射，满足专业设计需求。
可以。您只需在输入框中每行输入一个HSL颜色值，工具会逐行进行转换并输出对应的LCH结果。