1. 转换品牌主色
UI设计师背景
设计师定义了一套基于HSL的品牌色板,但需要为印刷物料提供LCH值以确保色彩准确。
问题
需要将品牌主色 `hsl(210, 80%, 50%)` 转换为LCH值,并输出为便于记录的格式。
如何使用
在输入框中输入 `hsl(210, 80%, 50%)`,输出格式选择“L:50 C:50 H:180°”这种带标签的格式。
结果
获得清晰标注的LCH值 `L:55 C:45 H:265°`,可直接用于印刷色彩规范文档。
Elysia Tools
导航
Design
将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结果。