转换器和计算器

找到图片中确切的颜色。

打开图像,单击所需的像素,然后复制颜色代码。对于将品牌、房间或屏幕截图与设计进行匹配非常有用。

JPG、PNG、WebP · 十六进制、RGB、HSL 像素采样 十六进制、RGB、HSL 保存的样本

没有上传。没有帐户。 这项工作发生在这个浏览器选项卡中。不需要帐户,服务器上不会存储任何副本,并且输入仍属于您。

颜色选择器 本地会话

Add images

0 of 1 · 30.0 MB each

Drop images here, or choose files

One JPG, PNG, or WebP file, up to 30.0 MB.

Added locally. Nothing is uploaded.

Sample the image

Add an image to sample its colours.

Selected colourNo sample yet
Zoomed sample
HEX—
RGB—
HSL—
Saved swatches

Each sampled colour is kept here for this image.

Values come from the pixels in this image. JPEG compression can create slightly different colours across a flat area, so compare a few nearby samples.

输入和结果保留在此浏览器选项卡中。没有上传步骤,也没有在服务器上存储副本。 本地处理的工作原理.

简短版本

它是如何运作的。

无需安装程序,无需注册,也无需打开第二个应用程序。该工作使用设备上已有的文件在您已有的浏览器中进行。

  1. 打开图像

    添加屏幕截图、照片或设计参考。图像以方便的尺寸显示,同时从原件读取像素。

  2. 单击一种颜色

    单击图像上的任意点。放大预览有助于准确放置样品。

  3. 复制代码

    如果您正在构建调色板,请复制 HEX、RGB 或 HSL 值,并收集一些样本。

精美印刷,无任何绕行

很高兴知道。

每个工具都有一个边界。这些是在开始之前值得了解的内容,因此结果并不令人意外。

压缩改变颜色

JPEG 可以在所谓的平坦区域上包含略有不同的值。取样几个点并选择与所需颜色相匹配的一个。

屏幕颜色不是打印颜色

HEX 和 RGB 描述屏幕上的光。印刷使用墨水,因此颜色在生产前可能需要转换为 CMYK 和校样。

问题

问了又回答了。

还卡住了吗?写信给 info@lovelytools.site.

我可以从 PDF 中选择颜色吗?

截取页面截图并在此处打开图像。选择器读取图像像素,而不是 PDF 对象。

我应该复制哪种格式?

对于 Web CSS 和设计工具,请使用 HEX;对于屏幕规格,请使用 RGB;当您需要系统地调整亮度或饱和度时,请使用 HSL。

图片上传了吗?

不会。图像被读入本地画布并在浏览器中计算颜色值。

隔壁

大多数文件作业都是成对出现的。这三个人通常紧随其后。