RGB 转 HEX 转换器:快速在线颜色检查
使用这款 RGB 转 HEX 转换器将颜色输入转换为十六进制值,或在任意一侧编辑并实时看到另一侧更新。它接受简写 HEX 如 #abc、CSS rgb() 语法(包括空格分隔值和 alpha 表示法)以及命名颜色。色板、可直接复制的 CSS 行和色域外警告帮助您检查结果。
RGB 转 HEX 转换器将颜色输入转换为十六进制值,并在任意一侧编辑时实时更新。它接受多种颜色语法,包括简写 HEX 如 #abc、CSS rgb() 表示法如 rgb(1 2 3 / 50%) 以及命名颜色。色板、可直接复制的 CSS 行和色域外警告帮助您检查结果。
在您输入或编辑任意值时实时进行转换,因此无需在工具之间反复复制值即可检查 RGB 与 HEX 的关系。解析器对受支持的输入风格很宽容。您也可以调整可用选项,然后复制十六进制结果或 CSS 行到其他地方使用。
RGB 使用红、绿、蓝分量表达颜色,而 HEX 用十六进制数字表示颜色。两种格式都可以描述网页开发中的颜色,但项目、代码片段或系统可能明确要求其中一种格式。在代码中移入颜色值、检查收到的值或准备清晰的文档时,在两者之间转换很有帮助。
转换器完全在浏览器中运行:您的输入在设备上处理,不会上传、存储或发送到服务器。页面加载后支持离线使用,免费,无需注册。开发者、运维工程师以及任何处理颜色值的人都可以用它检查或准备转换。
步骤 1:输入或粘贴颜色值。解析器接受 #abc、rgb(1 2 3 / 50%) 和命名颜色等格式。
步骤 2:查看实时转换结果,如果想检查其他值可以在任意一侧编辑。另一侧会随着操作实时更新。
步骤 3:查看颜色色板以直观检查结果,如果颜色超出 sRGB 色域请注意警告。
步骤 4:如有需要,复制结果前先调整可用选项。
步骤 5:复制十六进制值或可直接粘贴的 CSS 行,用于代码、笔记或文档。
使用场景:将 RGB 颜色数据移入只接受十六进制值的系统。实时结果让您轻松复制所需格式。
使用场景:检查收到的十六进制值与其 RGB 原值是否匹配。编辑任意值并比较更新后的颜色和色板。
使用场景:为文档、工单或提交信息准备颜色片段。可直接复制的 CSS 行提供了方便的格式。
使用场景:在将结果粘贴到代码前,快速检查颜色转换是否正确。色板帮助您直观地检查颜色。
使用场景:通过编辑 RGB 或 HEX 值并观察另一侧实时更新来微调 UI 颜色。比较细微的颜色调整时很有帮助。
使用场景:在 sRGB 上下文中按原样使用结果之前,检查颜色是否超出 sRGB 色域。检测到时工具会显示色域外警告。