图片取色器
这是一款可在浏览器中完成操作的图片取色工具,您可以在图片上的任意位置拖动取色,并一次查看 RGB、HEX、HSL、HSV。
选择图片后,只要在图片上拖动或点按即可获取颜色。
在图片上点击或长按时会显示放大镜,因此也能确认细微的颜色。
图片预览
图片取色器的用法与适用场景
这款图片取色器是一款在线工具,可像吸管一样从上传的图片中提取颜色,并当场查看颜色代码。无论是网页设计、横幅制作、资料制作,还是确认商品图片颜色,只要需要准确取色,都能快速使用。
拖动时连续查看颜色
只要在图片上划过,坐标和颜色就会实时切换,因此更容易追踪边界线和渐变中的颜色变化。
通过放大镜更容易获取细节颜色
光标周围会被放大显示,因此细线、小图标、阴影颜色等细节也能一边放大一边准确确认。(在图片上点击或长按即可显示放大镜)
同时显示 RGB、HEX、HSL、HSV
可一次查看多种颜色表示方式,使设计规范、CSS 编写和视觉比较等工作无需来回切换。
可从历史记录立即复用颜色
刚刚获取的颜色会保留在历史记录中,因此无需反复重新提取品牌色或需要比较的颜色。
适合以下场景
当您想从网站或落地页的参考图片中提取配色,并决定相近色调的按钮色或背景色时。
当您想确认电商商品图片或横幅素材的色调,并快速比较与现有设计之间的色差时。
在制作资料、社交媒体图片或缩略图时,想将图片中的强调色直接用于标题或装饰时。
使用要点
- 先加载图片后,在想要提取颜色的位置按住鼠标并移动,即可连续查看颜色。也支持智能手机和平板电脑上的触控操作。
- 如果想提取边界线或小型装饰的颜色,请一边观察放大镜一边微调位置,这样更容易捕捉到目标像素。
- 获取的 RGB、HEX、HSL、HSV 都可以分别复制,因此可以用最少的操作转记到 CSS、设计工具或规格说明中。
- 最近获取的颜色会保留在历史记录中,因此当您想比较候选色时,按顺序提取多个位置再进行对比会很方便。
- 如果想区分亮度不同的颜色,除了 RGB 之外,也可同时查看 HSL 和 HSV,这样更容易掌握饱和度和亮度/明度的差异。
- 图片不会发送到服务器,所有处理都在浏览器内完成,因此即使是制作中的未公开图片或内部资料截图,也可以安全使用。