如何用PS快速拾取网页图片十六进制颜色代码
2014-09-17 18:13
1916 查看
来源URL:http://jingyan.baidu.com/article/ca2d939dd3c7bdeb6c31ce3f.html
怎么提取图片上的颜色代码供自己使用,在网上看到一组很好的配色效果,想借一下,用Photoshop的吸管工具可以快速的拷贝颜色的16进制代码或者HTML代码。(我一般在使用Dreamweaver制作网页的时候会用到快速提取颜色代码的情况。)
PS颜色取样器工具
第一步:找到你要拷贝颜色的图片,复制或者截图,另存图片也可以,只要是用Photoshop把你要使用的那张图片打开就可以了
![](http://d.hiphotos.baidu.com/exp/w=500/sign=a0b014670b23dd542173a768e108b3df/4610b912c8fcc3cea85ea1309045d688d43f2012.jpg)
2
第二步:在Photoshop中选择颜色取样器工具
![](http://b.hiphotos.baidu.com/exp/w=500/sign=375ed082c91349547e1ee864664f92dd/cc11728b4710b912a17d9efdc1fdfc0392452270.jpg)
3
第三步:按住Shift + Alt 键,在要提取颜色的位置点击,定位取样点,如果颜色较多,可以放大打点。
![](http://g.hiphotos.baidu.com/exp/w=500/sign=770914a3f403738dde4a0c22831bb073/622762d0f703918f6ee456c9533d269759eec4f8.jpg)
![](http://d.hiphotos.baidu.com/exp/w=500/sign=6e28117922a446237ecaa562a8227246/c75c10385343fbf2b11bcd20b27eca8065388ff9.jpg)
4
第四步:在取样点上右键单击,选择拷贝颜色的十六进制代码
![](http://b.hiphotos.baidu.com/exp/w=500/sign=0a86f19c2cdda3cc0be4b82031e83905/5fdf8db1cb13495448938067544e9258d1094a27.jpg)
5
第五步:在需要使用此颜色的网页代码中粘贴此代码就可以了。
![](http://b.hiphotos.baidu.com/exp/w=500/sign=6884fedf0afa513d51aa6cde0d6d554c/5ab5c9ea15ce36d32c32e83338f33a87e950b1fb.jpg)
END
怎么提取图片上的颜色代码供自己使用,在网上看到一组很好的配色效果,想借一下,用Photoshop的吸管工具可以快速的拷贝颜色的16进制代码或者HTML代码。(我一般在使用Dreamweaver制作网页的时候会用到快速提取颜色代码的情况。)
工具/原料
Photoshop软件PS颜色取样器工具
方法/步骤
1第一步:找到你要拷贝颜色的图片,复制或者截图,另存图片也可以,只要是用Photoshop把你要使用的那张图片打开就可以了
![](http://d.hiphotos.baidu.com/exp/w=500/sign=a0b014670b23dd542173a768e108b3df/4610b912c8fcc3cea85ea1309045d688d43f2012.jpg)
2
第二步:在Photoshop中选择颜色取样器工具
![](http://b.hiphotos.baidu.com/exp/w=500/sign=375ed082c91349547e1ee864664f92dd/cc11728b4710b912a17d9efdc1fdfc0392452270.jpg)
3
第三步:按住Shift + Alt 键,在要提取颜色的位置点击,定位取样点,如果颜色较多,可以放大打点。
![](http://g.hiphotos.baidu.com/exp/w=500/sign=770914a3f403738dde4a0c22831bb073/622762d0f703918f6ee456c9533d269759eec4f8.jpg)
![](http://d.hiphotos.baidu.com/exp/w=500/sign=6e28117922a446237ecaa562a8227246/c75c10385343fbf2b11bcd20b27eca8065388ff9.jpg)
4
第四步:在取样点上右键单击,选择拷贝颜色的十六进制代码
![](http://b.hiphotos.baidu.com/exp/w=500/sign=0a86f19c2cdda3cc0be4b82031e83905/5fdf8db1cb13495448938067544e9258d1094a27.jpg)
5
第五步:在需要使用此颜色的网页代码中粘贴此代码就可以了。
![](http://b.hiphotos.baidu.com/exp/w=500/sign=6884fedf0afa513d51aa6cde0d6d554c/5ab5c9ea15ce36d32c32e83338f33a87e950b1fb.jpg)
END
注意事项
此方法多用于快速提取网页颜色代码,修改网页代码颜色是使用!相关文章推荐
- 如何在网页HTML中嵌入QQ、MSN、旺旺、Gtalk快速对话框代码
- 如何在网页HTML中嵌入QQ、MSN、旺旺、Gtalk快速对话框代码
- javascript代码快速保存网页中的所有图片[转]
- 如何在网页中实现快速地粘贴复制代码
- 如何将Matlab代码带颜色无乱码粘贴到word或网页中
- UGUI 如何代码更改image的背景图片、颜色以及材质
- Android程序如何在代码中改变图片原有的颜色
- 网页制作常用代码(文字颜色/字体/插入图片/flash等
- PS简单快速屏蔽掉图片上某一种颜色的方法
- ps快速将白色或其他颜色的背景图片变成透明背景
- 如何快速看到github上的网页代码的效果
- 如何快速找出网页中事件对应的js代码片段
- 在网页上看到想要的颜色,如何知道这种颜色的颜色代码和 RGB 颜色值?
- 如何用PS快速做出3D按钮效果的图片
- 快速知道网页上文字的字体、大小、颜色代码
- PS之如何直接提取其他窗口或网页颜色
- 如何在网页HTML中嵌入QQ、MSN、旺旺、Gtalk快速对话框代码
- [翻译]代码片断:如何用二进制格式读写图片到数据库
- IE:如何快速返回所需网页
- 快速保存网页中所有图片的方法