一款免安装、多平台兼容的拾色器(Color Picker)

2024-06-04 19:29:59

文章目录

视频教程
场景需求
- 场景
- 需求
Chrome Google DevTools 中的拾色器用法
其他浏览器

视频教程

浏览器自带的拾色器ColorPicker使用

场景需求

场景

我是一个前端开发人员，我写好的界面给老板过目。老板说有个地方颜色需要调整，然后发我一张图片指了指说就用这个位置这样的红色，我看挺合适。

我的需求：
为贯彻落实老板的需求，我需要拾色器(Color Picker) 来提取某张截图/其他软件中的某个颜色点的色值，而不是表示颜色的英文单词(red/blue/black)。

问题就落在了拾色器上，在 Windows/MacOS/Linux 平台有多款软件具有该项功能。
我要选哪个？哪个我能在公司的电脑安装？安装包能下载得到吗，软件会收费吗？学习成本大吗？……

需求

我的真正需求是这样：
有一款软件/工具，能够完成拾色器的功能，且在 Windows/MacOS/Linux 平台都可以使用，
这样我只学习一款软件，只学习一次，就有了一个可以在多个平台使用的通用方案。
最好满足以下条件：

支持多平台；
拾色器的拾取范围应该在整个屏幕范围内，而非限于该软件打开的文件；
软件要求：最好不收费，安装包小/安装速度快；
学习成本低，即上手快(我相信PhotoShop里有拾色器的功能，但是我，暂时不想沾染它！太重！)。

以下介绍的由 Chrome Google 的开发者工具自带的拾色器在满足以上条件之后，更满足了以下条件：

免安装(应该大多数及其都有装浏览器吧)，这意味着，你在别人电脑上临时操作电脑的时候，也可以使用这款工具。

Chrome Google DevTools 中的拾色器用法

当你打开DevTools，在Elements中编辑background 或 background-color 的值时，就会出现浏览器自带的拾色器工具。

如何编辑？
你点击颜色值前面那个小色块会弹出一个窗口：
窗口里有一个小针管图标，点它：

然后你的鼠标指针就会变成这个小针管，点击你想拾取的颜色位置，会发现该色值已被解析至Elements中对应的位置。

NOTE：
这个拾色器也可以拾取浏览器窗口之外的、其他软件中的色值。

其他浏览器

这个拾色器不止在 Chrome Google 浏览器中有。
其他浏览器如 firefox/Safari/Edge 你也可以试试。

一款免安装、多平台兼容的拾色器(Color Picker)相关推荐

红色警戒2+尤里的复仇,带完整音乐+影片,免安装版本,完美兼容WIN10
官方完整地图+音乐+影片还带中文字幕,完美宽屏高清化,免安装版本. 完美兼容WIN10,右键管理员运行,切屏不黑屏. 可以的话大家来个免费评分链接: https://pan.baidu.com/s/ ...
使用C#写的一款免安装小说取名工具
用C#写了一款超小型免安装小说起名工具 (1)下载链接 (2)小说人物角色取名 (3)国家.城市.地名取名 (4)宗门.功法.武器装备取名 (5)异兽.药材.丹药.天材地宝取名 (1)下载链接链接: ...
推荐一款免安装的在线Visio流程工具ProcessOn
昨天收到一人的邮件,说某个软件叫ProcessOn是web版的visio,出于对技术知识的渴望以及自己的好奇所以对ProcessOn进行了一番体验.结果有点被这个软件给吸引上了,无论是在用户体验上,还 ...
【Google Play】从 Android 应用中跳转到 Google Play 中 ( 跳转代码示例 | Google Play 页面的链接格式 | Google Play 免安装体验 )
文章目录前言一.从 Android 应用跳转到 Google Play 代码二.Google Play 页面的链接格式三.Google Play 免安装体验前言本博客参考资料链接到 Go ...
准备你的应用（Android免安装应用）
最好的免安装应用体验专注于帮助用户快速完成任务(例如观看视频或进行购买).您可以开始使用此应用程序列表来准备Android免安装应用.这里的许多考虑被认为是Android应用程序的最佳做法. 从你的应 ...
全景播放器，免安装支持全景视频
全景图片播放器,同时支持全景视频,可直接拖入页面查看.免安装全景播放器,文件不要大于20M Hpano 3D全景播放器是一款免安装可以720度互动浏览的全景图片查看器,通过拖球形全景图片或视频文件进行 ...
送给SQL开发者的一份新年礼物！麦聪软件发布一款纯Web化SQL开发工具，免安装还免费！
2023年新年伊始,麦聪软件再次迎来一个好消息:一款100%自主研发的纯Web化SQL开发工具--SQL Studio 1.0正式发布.这款产品让SQL开发者在Navicat.DBeaver之外,又多 ...
SQL Studio：一款纯Web化SQL开发工具，关键是免安装还免费！
经常使用SQL工具的开发者对Navicat一定都不陌生.这款软件作为一款全球化的多数据库管理工具,这些年逐步得到全国各地SQLer(SQL开发者)的关注. 与其他很多外来的软件产品一样,由于价格原因, ...
免装版_一款好用的便签工具桌面便签免安装版
点击上方蓝字关注我们如您喜欢我们的公众号,不妨推荐给身边的朋友资源介绍: 资源来源于网络,工作中我们很多时候都要建立便签/备忘录来梳理我们的工作,今天小编给大家安利一款好用的便签工具 - 桌面便签 ...

最新文章

热门文章