Chrome取色器

作者:小橘猫 | 创建时间: 2023-05-18
制作网页的时候,经常需要使用第三方取色工具,获取图片或者其他背景颜色的编码,此处介绍,Chrome浏览器自带的取色器。不需要下载,离线也可以使用。...
Chrome取色器

操作方法

使用chrome浏览器,打开想要取色的页面

按F12,进入开发者模式,默认已经选择了【Elements】、【Styles】页签

在【Styles】页签中,鼠标放到任何一条样式上,即可看到样式右侧多了三个向下的点号

鼠标移动到这三个向下的点号上,会变成四个图标菜单,点击后面两个的任何一个都可以进入取色模式

弹出取色工具时,默认进入取色模式,即类似吸管的图标是选中的

在取色模式,将鼠标移到网页的任何地方,点击鼠标,即可在取色工具中看到当前获取到的颜色及编码

如果不想取色,只想知道某个颜色的编码,则可以在取色工具中选择颜色,也可以显示出具体的编码

点击展开全文

更多推荐