如何在我的网页上获取颜色的十六进制代码？答案

【问题标题】：How do I get the hexadecimal code of a color on my webpage?如何在我的网页上获取颜色的十六进制代码？
【发布时间】：2009-08-27 11:07:49
【问题描述】：

我有一个有图片的网页。那张照片有颜色。

我需要那张图片中颜色的十六进制代码。我怎样才能得到它？

【问题讨论】：

您想以编程方式执行此操作吗？
@Sinan: 不是neccisarrily - 可能是doctype，但如果你接到一个项目，并告诉你颜色必须适合这张照片，你就需要知道使用什么颜色的方法。特别是因为大多数客户都不知道......

【解决方案1】：

获取火狐。获取ColorZilla plugin。单击 ColorZilla。移动你想要的颜色。瞧！你有十六进制代码。

【讨论】：

ColorZilla 是一个非常方便的 Firefox 插件！我不能在 IE 中开发的另一个原因。
即使IE中有颜色选择器？ Web Developer 插件所需的大部分内容都在 IE Developer Toolbar 中可用？不要误会我的意思，我喜欢 FX - 但我们不要去抨击我们不理解的东西。
'即使IE中有颜色选择器？' ——？有谁听说过 Web 开发人员不使用 FireFox 而使用 IE 进行开发？挑选颜色是唯一需要的吗？你听说过萤火虫吗？ IE 的开发者工具栏只是个小表弟
顺便说一句，我在抨击什么？我的答案是什么在抨击任何东西。请突出显示。
@Cyril：不是指你的答案——@scunliffe 不见了。另外，虽然我不是说要避开 Fx，但我是在说不要避开 IE。您是否听说过某位 Web 开发人员回避市场份额最大的浏览器？

【解决方案2】：

另一个要使用的程序是ColorPic。

【讨论】：

【解决方案3】：

ColorSchemer ColorPix 是另一个不错的选择。重量轻，它为您（以及其他）提供给定颜色的 RGB 和 Hex。

【讨论】：

【解决方案4】：

Internet Explorer 开发人员工具栏（Internet Explorer 8 中的 F12）在工具菜单中有一个颜色选择器，可以帮助您。

Firefox 有一些可用的附加组件可以做同样的事情。

【讨论】：

【解决方案5】：

如果您想在软件中而不是手动执行此操作，您可以在支持的浏览器中使用canvas 元素 - 在画布上绘制图像，然后提取所需像素的颜色信息。具体方法见this related question。

【讨论】：

【解决方案6】：

你可以试试 Nattyware 的Pixie。这是免费的，他们也有便携版。

【讨论】：

【解决方案7】：

截取屏幕截图并在常规或复杂的绘图应用程序中打开它以获取颜色。或者更好：下载图片并在绘画应用程序中打开它。

【讨论】：

【解决方案8】：

截取页面截图，在Adobe Photoshop 中打开并使用滴管工具选择该颜色。

颜色对话框将显示十六进制代码、RGB 颜色和 CYMK 颜色代码。如果您没有 Photoshop，您可以在 GIMP 中执行相同操作。

【讨论】：