如何从图像中获取 HTML 中的渐变颜色值答案

【问题标题】：How to get Gradient Color Value in HTML from a Image如何从图像中获取 HTML 中的渐变颜色值
【发布时间】：2018-09-07 05:30:10
【问题描述】：

谁能解释一下如何用 HTML 格式从图像中获取渐变颜色值

【问题讨论】：

请详细说明您的问题。你到底想要什么。请提及场景或代码sn-p等
我有这张图片：prntscr.com/krknez 我想要它的渐变颜色值在 html 中我怎样才能得到？？？
您需要手动选择颜色，然后才能在 HTML/CSS 中使用。这是您的颜色的 sn-p。背景图像：线性渐变（向右，#F46E49，#fff）；}
您可以在您的 chrome 浏览器中安装 ColorZilla 插件/扩展，然后您可以轻松地从世界上的任何图像中获取任何颜色代码。

标签： css photoshop sketchapp

【解决方案1】：

下载：http://www.iconico.com/colorpic/

在你的电脑上安装比得到任何图像颜色都很好

【讨论】：

【解决方案2】：

如果您想从任何图像中挑选颜色。您必须使用 photoshop、Gimp、Krita 等颜色 piker 工具，也可以使用任何其他浏览器扩展。现在您已经分享了一张图片，在这张图片中，有两种背景颜色可供选择，第一个是白色 (#ffffff)，第二个是橙色 (#f86c53)。试试这个代码的渐变： - 背景：线性渐变（向右，#f86c53 0%，#fff 80%）；

【讨论】：

【解决方案3】：

您可以使用可添加到浏览器的“吸管”工具来实现此目的。

EyeDropper

添加到浏览器后，您需要做的是，转到您想要图像中的颜色或颜色的站点，并使用此滴管获取颜色并将它们添加到您的 css。

background-image: linear-gradient(to right, #f77b5f , white);

你也可以在这里Linear gradients查看渐变的使用情况@

【讨论】：

【解决方案4】：

您需要手动选择颜色，然后才能在 HTML/CSS 中使用。

这里是你的颜色的 sn-p。

background-image: linear-gradient(to right, #F46E49, #fff);

【讨论】：