养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

前端编程-用浏览器自带的取色功能快速拾取颜色

时间:2024-11-10 15:56:23

在前端的网页设计中,有时候比较需要对页面上的一些颜色进行取色,如果打开软件来取色就旃仳疸庾稍微有点不划算了,所以这个时候采用浏览器取色就是比较好的选择了

前端编程-用浏览器自带的取色功能快速拾取颜色

前端编程-用浏览器自带的取色功能快速拾取颜色

工具/原料

谷歌浏览器,鼠标,键盘

方法/步骤

1、这里就采用百度的首页旅邯佤践进行讲解吧,还是先右键点击页面的检查,调出F12里面的调试工具栏,找到左上角的这个,可以快速选中页面元素

前端编程-用浏览器自带的取色功能快速拾取颜色

前端编程-用浏览器自带的取色功能快速拾取颜色

2、就选一下这个按钮吧,很简单,就可以看到右下角的这css的属性了,找到属性里面的颜色并点击

前端编程-用浏览器自带的取色功能快速拾取颜色

前端编程-用浏览器自带的取色功能快速拾取颜色

3、可以看到这个取色板,还可以点击页面上任意的一个元素进行取色

前端编程-用浏览器自带的取色功能快速拾取颜色

前端编程-用浏览器自带的取色功能快速拾取颜色

前端编程-用浏览器自带的取色功能快速拾取颜色

© 一点知识