HEX 转 HWB 转换器:实时编辑与预览
HEX 转 HWB 转换器可将颜色值转换为 HWB,您在任意一侧编辑时结果都会实时更新。其宽容的解析器接受十六进制值(包括 #abc),也支持 rgb(1 2 3 / 50%) 和命名颜色。用色板预览颜色,复制可直接粘贴的 CSS 行,当颜色超出 sRGB 时会显示色域外警告。
HEX 转 HWB 转换器可将十六进制颜色转换为 HWB,并让您在操作中随时检查结果。无需转换完再去别处核对,您可以在任意一侧编辑,另一侧会实时更新。颜色色板和可直接粘贴的 CSS 行让结果更易查看和复用。
解析器接受十六进制值,包括 #abc 这样的简写,宽容度足以识别 rgb(1 2 3 / 50%) 和命名颜色。当颜色超出 sRGB 时,工具会显示色域外警告。您还可以复制 CSS 结果,用于自己的代码,或分享到工单、文档或提交信息中。
HEX 和 HWB 以不同方式表示颜色。HEX 用紧凑的十六进制形式表达颜色分量,HWB 则用色相、白度和黑度描述颜色。当系统或项目要求某种表示,或您想确认两个颜色值是否对应时,两者之间的转换很有用。实时双向编辑让您无需手动换算即可查看任意一种表示。
转换器完全在浏览器中运行:您的输入在设备本地处理,不会上传、存储或发送到服务器。无需注册,页面加载完成后支持离线转换,无需服务器依赖。适合需要在日常编码和文档工作中检查、准备或分享颜色值的开发者和 DevOps 工程师。
步骤 1:在输入框中输入或粘贴颜色值。解析器接受十六进制颜色,也识别 rgb(1 2 3 / 50%) 和命名颜色等格式。
步骤 2:查看出现的 HWB 值,或在转换器的任意一侧编辑。另一侧会随您的修改实时更新。
步骤 3:查看颜色色板以直观检查颜色。如果超出 sRGB,工具会显示色域外警告。
步骤 4:复制可直接粘贴的 CSS 行,用于代码、文档、工单或提交信息。
使用场景:为只接受 HWB 的系统或工作流转换十六进制颜色。实时结果可直接复制到下一个工具或代码库。
使用场景:检查 HWB 值是否与十六进制原值匹配。编辑任意一侧,对比更新后的数值和色板。
使用场景:为文档、工单或提交信息准备颜色片段。直接复制可粘贴的 CSS 行,无需手动重排结果。
使用场景:在加入代码前快速验证颜色转换。色板帮助检查颜色,色域外警告会标记超出 sRGB 的颜色。
使用场景:编辑 HEX 或 HWB 值来探索颜色。实时双向更新让您轻松看到两种表示的对应关系。
使用场景:转换支持的其他格式书写的颜色值,如 rgb(1 2 3 / 50%) 或命名颜色,并查看其 HWB 结果。