HWB 转 HEX 转换器 – 在浏览器中转换 CSS 颜色
HWB 转 HEX 转换器在您输入时将 HWB 颜色转为十六进制颜色值，编辑任一侧都会实时更新另一侧。它接受宽松的颜色输入，包括 #abc、rgb(1 2 3 / 50%) 和命名颜色。通过色板查看颜色，复制可直接粘贴的 CSS 代码行，并在颜色超出 sRGB 时查看色域外警告。
HWB 转 HEX 转换器将 HWB 颜色输入转为十六进制值，并让您实时编辑任一格式。当您需要在线将 HWB 颜色转为 HEX、检查数值或为代码准备颜色时，它很有用。色板提供视觉参考，工具提供可直接粘贴的 CSS 代码行。
转换器接受宽松的颜色输入，包括 #abc 这样的短十六进制颜色、rgb(1 2 3 / 50%) 这样的现代 RGB 语法，以及命名颜色。编辑一侧时另一侧实时更新。当颜色超出 sRGB 时，工具还会显示色域外警告；这有助于您在检查结果时注意到该情况。
HWB 和十六进制是不同的颜色表示方式。HWB 通过色相、白度和黑度表达颜色，而 HEX 用十六进制数字表示颜色分量。当您收到 HWB 颜色但需要为使用十六进制颜色的系统或代码库提供 HEX 值，或想检查两种表示之间的关系时，两者之间的转换很有帮助。
工具完全在浏览器中运行。您的输入在设备上处理，不会上传、存储或发送到服务器。它免费，无需注册，页面加载后可继续离线使用。
这款转换器适合在代码、文档、工单或评审中处理 CSS 颜色的开发者、设计师和运维工程师。无论是检查单个值还是准备分享的代码片段，实时编辑和可直接复制的结果使转换变得简单。
步骤 1：在输入框中输入 HWB 颜色。也可以使用受支持的 CSS 颜色形式，如 #abc、rgb(1 2 3 / 50%) 或命名颜色。
步骤 2：查看实时更新的 HEX 结果。编辑 HEX 侧时，转换器也会更新 HWB 值。
步骤 3：检查色板和任何色域外警告。警告表示颜色超出 sRGB。
步骤 4：复制十六进制结果或可直接粘贴的 CSS 代码行，用于代码、文档或备注。
使用场景：将 HWB 颜色转入只接受十六进制值的设计系统或其他工具。
使用场景：编辑任一侧并查看实时结果，检查 HEX 值是否与给定的 HWB 颜色匹配。
使用场景：为文档、工单或提交信息准备可直接粘贴的 CSS 代码行。
使用场景：在将结果加入代码之前对颜色转换进行快速检查。
使用场景：在代码评审期间通过对比 HWB 输入、HEX 结果和显示的色板来检查颜色值。
使用场景：在使用转换值之前检查颜色是否超出 sRGB。