HEX 转 LCH 转换器:快速、私密的颜色转换
即时将 HEX 颜色转换为 LCH,或编辑任意一侧并实时查看另一侧更新。转换器还接受 #abc、rgb(1 2 3 / 50%) 和命名颜色等输入。通过色板预览颜色,复制可直接粘贴的 CSS 代码,当颜色超出 sRGB 范围时查看色域外警告。
HEX 转 LCH 转换器将颜色值转换为可在代码中使用或传递给其他工具的格式。输入 HEX 值可即时查看其 LCH 对应值,或编辑任意一侧并观察另一侧实时更新。色板让预览当前值更直观。
解析器非常宽容:除了 #abc 等十六进制输入,还接受 rgb(1 2 3 / 50%) 等 RGB 语法和命名颜色。结果包含一行可直接粘贴的 CSS 代码。如果颜色超出 sRGB 范围,转换器会显示色域外警告,方便您在查看结果时加以考虑。
HEX 使用十六进制值表示红、绿、蓝来描述颜色。LCH 使用明度、色度和色相来描述颜色。当系统或工作流需要某种格式,或想查看来自某一来源的颜色在另一种格式中的表示时,两种格式之间的转换非常有用。您还可以使用实时双向编辑对比数值,无需重新输入。
转换完全在浏览器中运行。您的输入在设备上处理,不会上传、存储或发送到服务器。无需注册,页面加载完成后支持离线使用。
该转换器适合准备 CSS、检查颜色值或在文档和代码评审中分享颜色的开发者和设计师,也帮助运维工程师和其他技术团队在工具之间迁移颜色数据,并在使用前验证数值。
步骤 1:输入或粘贴颜色值。HEX 是主要输入,解析器还接受 #abc 等简写、RGB 语法和命名颜色。
步骤 2:查看实时转换:输入时 LCH 值会同步更新,编辑任意一侧都会更新另一侧。
步骤 3:检查色板和色域外警告:警告会标识超出 sRGB 范围的颜色。
步骤 4:复制 LCH 结果或可直接粘贴的 CSS 代码,用于您的代码中。
步骤 5:如有需要调整可用选项,然后查看更新后的结果。
使用场景:将十六进制颜色迁移到只接受 LCH 的系统。实时转换可直接复制数值,无需手动计算。
使用场景:检查 LCH 值是否与其十六进制原值匹配。编辑任意一侧,对比更新后的数值和色板。
使用场景:为文档、工单或提交信息准备颜色片段。复制可直接粘贴的 CSS 代码。
使用场景:在将颜色加入代码前进行合理性检查。色板帮助您预览颜色,色域外警告会标记超出 sRGB 范围的颜色。
使用场景:在编辑任意一侧的同时,探索颜色在 HEX 和 LCH 中的表示。另一侧实时更新,便于对比两种格式。
使用场景:检查同事分享或从其他工具获得的颜色值。宽容的解析器接受 HEX、RGB 语法和命名颜色。