Elysia Tools
导航
Design
将HEX色彩值转换为LCH用于色彩管理，支持alpha通道
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
HEX转LCH转换器是一款专业的色彩空间转换工具，旨在帮助设计师和开发者将十六进制（HEX）颜色值精确转换为感知均匀的LCH色彩空间，并支持处理带有Alpha通道的透明颜色。
背景
设计师需要将一套包含透明度的品牌色板转换为LCH格式，以便在CSS中实现更平滑的渐变效果。
问题
HEX格式无法直接体现颜色的感知亮度，且带有透明度的颜色难以直接转换。
如何使用
输入HEX颜色列表，设置Alpha通道处理为“与白色背景合成”，选择“css”输出格式。
format: css, alphaHandling: white结果
获得了一组符合CSS规范的LCH颜色值，确保了在不同背景下的色彩一致性。
背景
项目要求使用LCH色彩空间来定义主题色，但设计稿仅提供了HEX值。
问题
需要快速将多个HEX值转换为LCH数值，并去除Alpha通道以适配旧版浏览器。
如何使用
粘贴HEX代码，选择“忽略alpha通道”选项，输出格式选择“lch(50,50,180)”。
format: lch, alphaHandling: ignore结果
快速获取了准确的LCH色彩数值，直接复制到CSS变量中即可使用。
LCH代表亮度（Lightness）、色度（Chroma）和色相（Hue），它基于人类视觉感知设计，比RGB或HEX更能准确描述颜色的感知差异。
支持。您可以输入如 #ff000080 这样的带Alpha通道的HEX值，并选择将其与白色或黑色背景合成。
当HEX颜色包含透明度时，为了将其转换为不透明的LCH值，必须通过与背景色混合来计算最终的色彩表现。
支持标准CSS格式（如 lch(50 50 180)）、函数式格式、纯数值格式以及带标签的易读格式。
可以，您只需在输入框中每行输入一个HEX颜色代码，工具即可一次性完成批量转换。