颜色名称转 HEX 转换器 – 实时颜色预览
输入颜色名称或支持的颜色值,即可转换为 HEX,并在任意一侧编辑,另一侧实时更新。转换器接受颜色名称、#abc 等短十六进制值,以及 rgb(1 2 3 / 50%) 等 RGB 语法。通过色板预览颜色,复制可直接粘贴的 CSS 行;当颜色超出 sRGB 范围时,会显示色域外警告。
颜色名称转 HEX 是一款基于浏览器的转换器,可将颜色名称及其他支持的颜色值转换为十六进制。输入一个值即可查看 HEX 结果,或在转换器两侧任意编辑,另一侧实时更新。色板提供可视化预览,您还可以复制可直接粘贴的 CSS 行。
解析器接受颜色名称、#abc 等短十六进制输入,以及 rgb(1 2 3 / 50%) 等 RGB 表示法。页面还提供可调整的选项。当颜色超出 sRGB 时,工具会显示色域外警告,方便您在查看结果时注意到这一情况。
颜色名称和 RGB 值的表达方式与十六进制表示法不同。在需要将值与代码库匹配、记录颜色,或传递给只接受 HEX 的系统时,相互转换很有用。实时双向编辑让您可以修改任意一侧并对比对应结果,色板则帮助您检查外观。
该转换器完全在浏览器中运行。您的输入在设备本地处理,不会上传、存储或发送到服务器;页面加载后,转换也支持离线使用。它免费使用,适合需要快速检查颜色、又不想依赖服务器连接的开发者和运维工程师。
步骤 1:输入或粘贴颜色值,如颜色名称、#abc 或 rgb(1 2 3 / 50%)。
步骤 2:在「颜色名称」或 HEX 一侧编辑;另一侧会随您的修改实时更新。
步骤 3:查看色板预览颜色,并检查工具是否显示色域外警告。
步骤 4:复制十六进制结果或可直接粘贴的 CSS 行,用于您的代码。
使用场景:将颜色值迁移到只接受十六进制的系统,而不再使用原始颜色名称或表示法。
使用场景:在使用收到的 HEX 值前,核对其与原始颜色是否一致。
使用场景:为文档、工单或提交信息准备颜色片段,一键复制可直接使用的 CSS 行。
使用场景:将转换结果粘贴到应用代码前,先快速验证颜色转换。
使用场景:在实时编辑器中调整任意一侧,对比颜色名称与十六进制值。
使用场景:在分享或使用转换结果前,检查颜色是否超出 sRGB。