颜色转换器:转换 HEX、RGB 与 HSL 颜色值
颜色转换器将选中的颜色或输入的十六进制值转换为 hex、rgb() 和 hsl() 表示形式,并列显示以便快速比较。使用拾色器或直接输入数值,选择源和目标标度,一键复制所需格式。在为 CSS、设计工具准备数值或调试时,无需手动重新计算颜色值。
颜色转换器是一款在浏览器中运行的工具,可处理 hex、rgb() 和 hsl() 格式的颜色值。取色或输入十六进制值即可并列查看各表示形式,一键复制所需值。当您需要在格式间转换颜色、又不想手动计算时,颜色转换器非常实用。
使用时,用拾色器取色或输入数值,再选择源和目标标度。转换器会展示该颜色的 hex、rgb() 和 hsl() 表示形式。对比结果,复制适合您任务的格式。丰富的表示形式和复制功能让常见的颜色转换变得简单。
Hex、RGB 和 HSL 以不同方式表达颜色,因此适合某个流程的数值可能不是其他工具或代码期望的格式。在准备 CSS 值、与设计工具共享颜色信息,或在调试时核对颜色计算时,格式互转很有用。并列查看各表示形式,也便于比较而无需自己重新计算。
颜色转换器完全在浏览器中运行。您的输入在设备上处理,不会发送任何数据到服务器。页面加载完成后支持离线使用,无连接也能继续使用。它为需要快速查看、转换和复制颜色值的开发者与运维工程师设计,也适合在 CSS 或设计工具中使用颜色的任何人。
步骤 1:用拾色器取色,或粘贴/输入数值,也可以直接输入十六进制值。
步骤 2:为转换选择源标度和目标标度。这些控件可帮您选择所需的颜色表示形式。
步骤 3:查看该颜色的 hex、rgb() 和 hsl() 值。多种格式并列显示,方便比较。
步骤 4:一键复制所需的表示形式,可用于 CSS、设计流程或调试笔记。
使用场景:将颜色转换为其他工具或系统所需的格式,如 hex、rgb() 或 hsl()。
使用场景:将支持的各种表示形式并列查看来校验颜色值,无需逐个手动计算。
使用场景:为 CSS 或其他开发任务复制所需的表示形式,无需重新计算颜色值。
使用场景:在一处查看 hex、RGB 和 HSL 表示形式,为设计交接准备颜色值。
使用场景:对比同一颜色在各种格式下的值,排查颜色相关问题。
使用场景:用拾色器查看颜色,并复制其表示形式用于设计或开发流程。