如何确定图像中区域的颜色html代码

Question

有没有一种方法可以确定图像中某个部分的颜色的html代码。 就我而言，我有一个png格式的徽标，我想知道徽标中某个部分的颜色html代码，以便菜单项具有相同的颜色。

谢谢

Answer 1

这些是对我有用的步骤：

1. 在gimp中打开图像
2. 确保工具箱对话框可见。如果不是，请使用“ Windows->新工具箱”。
3. 确保颜色对话框可见。如果不是“ Windows->可停靠对话框-> Coulours”
4. 在工具箱对话框中选择眼药水图标（当您将其悬停时，它会显示以下文本：拾色器工具：从图像像素设置颜色）。
5. 单击要获取颜色代码的图像区域（该代码将自动显示在“颜色”对话框的底部）。

Answer 2

如果我对您的理解正确，则希望获得屏幕上显示的颜色。然后执行以下步骤。

1. 拍摄您所看到的屏幕截图并将其粘贴到mspaint中。
2. 然后使用工具菜单中的颜色选择器，然后单击要了解颜色的位置。
3. 然后在“颜色”菜单下使用“编辑颜色”选项。
4. 在右侧的“颜色编辑”菜单中，您将获得正确的颜色坐标。

现在使用诸如Visual Studio Code之类的编辑器来获取所需的内容。

Answer 3

与Temani's comment保持一致。

对于Chrome ：右键单击任意位置，然后单击“检查”。如果左下角看不到任何颜色，请单击element.style并输入color: black;之类的内容。然后，单击颜色旁边出现的黑色小方框，然后单击图像。 color: black;现在将变成color: #fea43d;或您单击的任何颜色。

对于Firefox ：右键单击任意位置，然后单击“检查元素”。如果您在右侧看不到任何颜色，请单击element，然后输入类似color: black;的颜色。然后，单击出现在颜色旁边的黑色小圆圈，单击弹出框左下方的吸管工具，然后单击图像。 color: black;现在将变成color: #fea43d;或您单击的任何颜色。

Answer 4

  

对于html元素，您可以右键单击所需的颜色，然后   “检查”它。您可以在CSS中找到颜色代码。

对于页面中的图像：

  

  
• 您可以为浏览器安装颜色选择器扩展程序/插件，只需在其中右键单击即可获取十六进制或rgb格式的颜色代码。
  

OR

  

  
• 下载图像，然后在任何可以读取颜色的照片编辑器中将其打开。
  

Answer 5

@Karim也许我可以为您解决问题。 这是链接-https://imagecolorpicker.com，这是我昨天在浏览互联网时发现的，我相信它一定会对您有所帮助。 只需将您的图片文件（或任何屏幕截图等）或任何网站URL上传到下面提到的网站，然后单击“提交”按钮即可。 然后，您的图像或上载的内容将以其所有颜色详细信息写在相邻的一侧出现。您可以在任意像素（位置）上单击图像，然后将以十六进制，RGB，HSV（HSL）中该像素（位置）的颜色详细信息进行更新 这是[Image]-：https://i.stack.imgur.com/s5elS.png供您参考。

希望这对您有帮助。