多语言展示
当前在线:1704今日阅读:11今日分享:15

如何知道某张图片的颜色代码

做网页前端都都有这样的感受,UI做好的视觉图,需要做成网页,但是自己又不知道里面颜色代码,又不能一个一个去问,遇到负责的UI还好,会给你把代码写好,要是不负责的,就要自己去找了。
工具/原料
1

PhotoShop

2

屏幕取色器

3

ColorPix

方法/步骤
1

准备好需要用的照片,安装好PS,然后打开需要获取颜色代码的图片

2

打开以后在左侧有一个吸管一样的工具,你可以点图片,会出现圆圈。不同颜色,圆圈上的颜色也不同。也可以右键选择范围

3

确保上一步能够成功之后,在左侧下面找到一个颜色拾取器。不同版本的位置都差不多都是在那个位置。

4

打开之后,你再用吸管工具去吸,颜色拾取器上面就会出现颜色代码。可以把那个代码直接用到自己的项目中。

6

打开之后必须要先点屏幕取色,它才会自动的把颜色提取出来。你把需要取色的图片打开就行。

7

还有一个工具就是ColorPix这个也是一款小型的颜色查看器,鼠标滑过颜色就会有代码出来,但是就是使用不方便,需要自己把代码记住。没有上面的屏幕取色好。

注意事项

没有什么特别要注意的。都是常规操作,给刚步入前端的人用

推荐信息