拾色器 – 在浏览器中获取 11 种颜色格式
使用原生拾色器选择颜色,或在支持的浏览器中使用屏幕取色器。拾色器以 11 种格式显示所选颜色,包括 HEX、RGB、HSL、HSV、HWB、CMYK、LAB、LCH 和 OKLab。一键复制任意格式,还可查看最接近的 CSS 命名颜色。
拾色器是一款在浏览器中运行的工具,用于选择颜色并同时以 11 种格式查看。使用原生拾色器选择颜色,或在支持的浏览器中使用屏幕取色器。该工具还会显示最接近的 CSS 命名颜色,方便您在数字和代码值旁边查看一个可识别的名称。
选择颜色后,拾色器会显示其可用表示形式,包括 HEX、RGB、HSL、HSV、HWB、CMYK、LAB、LCH 和 OKLab。点击格式字符串即可复制并粘贴到您的工作中。拾色器将这些格式集中呈现,让您无需手动转换即可轻松比较数值。最接近的 CSS 命名颜色作为参考显示;它是最接近的命名颜色,不一定是精确匹配。
这些格式以不同的方式描述颜色。HEX 和 RGB 使用编码或数字通道值表示颜色,而 HSL 和 HSV 使用基于色相的模型;LAB、LCH 和 OKLab 提供了表达颜色的其他方式。当样式表、设计参考或文档要求特定格式时,多种表示形式会很有帮助。该工具让您先选择颜色,再复制适合任务的表示形式。
拾色器完全在浏览器中运行。您的输入在您的设备上处理,不会上传、存储或发送到服务器。页面加载完成后,该工具无需联网即可使用,因此支持离线使用。对于需要选择、检查或以不同格式复制颜色值的开发者、设计师和任何人,它都非常实用。
步骤 1:打开拾色器,使用原生拾色器选择颜色。
步骤 2:如果浏览器支持,使用屏幕取色器从屏幕上选择颜色。
步骤 3:调整颜色直至满意;所选颜色的可用格式数值会随之更新。
步骤 4:查看 11 种颜色格式以及旁边显示的最接近的 CSS 命名颜色。
步骤 5:点击所需的格式字符串进行复制,以便粘贴到代码或文档中。
使用场景:以交互方式选择颜色,而不是凭空猜测颜色值,然后复制所需的表示形式。
使用场景:在支持的浏览器中使用屏幕取色器,从设计稿或文档中拾取颜色并获取其精确的显示值。
使用场景:在决定工作中使用哪种表示形式之前,以多种格式比较同一颜色。
使用场景:为样式表复制 HEX 或 RGB 值,或在任务需要时选择其他可用格式。
使用场景:当您想查看所选颜色是否有熟悉的名称时,检查最接近的 CSS 命名颜色。
使用场景:在一个地方获取颜色值,而不必在拾色器显示的格式之间手动转换。