色值是一个网页美观度的基础，在页面的底板、间距、图片优化等，色值是必须用到的。

那么如何快速查找颜色色值呢？

第一步 原材料

chrome浏览器

谷歌原版或者360极速浏览器都可以

第二步 从网页上直接获取色值

比如获取这个页面的 微信图标绿色色值

1、按键盘F12 展开调试

2、寻找带有颜色的代码

PS：如果不好找，就用下图的方法。

点击红色方框的任意位置

输入： color

接着按键盘的TAB键输入#333

3、点击#333前面的黑色方框，

然后移动鼠标到微信的绿色上，再次点击。

我们需要的基础色值就在这个方框里

#4FB468就是微信图标所用的绿色色值之一

这样的色值代码是基础色代码

不能用于半透明色

4、半透明色色值代码获取

拖动绿色方框里的白色按钮，改变透明度。

红色方框里的色值就是我们需要的色值了。

再次点击确认后，在浏览器里的调试器里，就会出现我们需要的色值了

rgba(79, 180, 104, 0.76)

什么这样很麻烦？

这可以说是目前为止最简单的获取色值方法了，

当有些人在抱怨网站设计怎么那么贵的时候，

却不知道，

一个网站多少地方需要用到色值做基础

很多人都是做着搬砖的活，

拿的却是仅仅维持生活的工资。

如果要获取图片的色值呢？

1、把图片上传到快站的 “素材管理” 中

2、点击上传图片

3、点击放大图片，然后按F12,然后使用刚才的方法从浏览器里获取到色值。

还在为色值烦恼吗？

那赶紧用这个简单的方法来试试吧。