LAB 转 LCH 颜色转换器 – 在线转换 CSS 颜色值
输入 L*a*b* 颜色即可立即查看对应的 LCH 值,也可以编辑任意一侧实现实时双向更新。转换器支持 #abc、rgb(1 2 3 / 50%) 和颜色名称等输入。此外还显示色板、可直接使用的 CSS,以及颜色超出 sRGB 时的色域外警告。
LAB 转 LCH 颜色转换器将 L*a*b* 颜色转换为 LCH 值,支持实时双向编辑,修改任意一侧都能看到另一侧更新。它接受宽容的色彩输入,包括 #abc、rgb(1 2 3 / 50%) 和颜色名称。色板、可直接使用的 CSS 代码行和色域外警告让结果更易检查和复用。
转换同时呈现 LCH 和 L*a*b* 表示。LCH 用明度、色度和色相描述颜色,L*a*b* 则用明度和两个对立色维度。您可以输入数值、查看等价值,并调整任意一侧;页面上显示的选项也可调整。
这两种格式适用于不同工作流,当系统、文档或代码片段需要另一种表示时,相互转换会很有帮助。色板帮助您直观查看颜色,CSS 代码行可直接复制。颜色超出 sRGB 时,转换器会显示警告。
LAB 转 LCH 转换器完全在浏览器中运行。输入在您的设备上处理,不会上传、存储或发送到服务器。无需注册,页面加载后支持离线使用,不依赖服务器。
该工具适合在不同工作流之间迁移颜色值的开发者和 DevOps 工程师,可用于检查已有的转换结果,或为代码和文档准备颜色信息。实时编辑和直观的色板也让它在仅需查看一组 L*a*b* 与 LCH 配对值时非常顺手。
步骤 1:输入或粘贴 L*a*b* 颜色。转换器支持 #abc、rgb(1 2 3 / 50%) 和颜色名称等常见颜色输入。
步骤 2:查看 LCH 值。输入时实时更新,编辑任意一侧另一侧都会更新。
步骤 3:调整页面上显示的选项。可用选项取决于转换器提供的设置。
步骤 4:查看色板和 CSS 代码行,然后复制结果。颜色超出 sRGB 时会显示色域外警告。
使用场景:将 L*a*b* 数据迁移到只接受 LCH 的系统中,转换后复制结果用于下一步。
使用场景:检查 LCH 值是否与 L*a*b* 原值一致,实时双向编辑让比较变得轻松。
使用场景:为文档、工单或提交信息准备 L*a*b* 颜色片段,可直接使用的 CSS 代码行方便您把结果加入笔记。
使用场景:在将结果粘贴到代码前做一次转换检查,用色板查看颜色并注意色域外警告。
使用场景:输入 CSS 颜色的同时查看其 LCH 等价值,转换器支持 #abc、rgb(1 2 3 / 50%) 和颜色名称等值。
使用场景:在任意一侧调整颜色并查看配对值,实时更新和色板让您在编辑时即时看到结果。