屏幕颜色拾取

在线屏幕取色工具,从屏幕任意位置获取颜色值

#000000

颜色值

HEX
#000000
RGB
rgb(0, 0, 0)
RGBA
rgba(0, 0, 0, 1)
HSL
hsl(0, 0%, 0%)
HSV
hsv(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)

工具概述

屏幕颜色拾取工具是一款便捷的在线取色器,可以直接从屏幕上的任意位置获取颜色值。支持获取 HEX、RGB、RGBA、HSL、HSV、CMYK 等多种颜色格式,并自动保存取色历史记录,方便设计师和开发者快速获取屏幕上的颜色。

功能特点

  • 实时取色:直接从屏幕任意位置获取颜色
  • 多格式输出:支持 HEX、RGB、RGBA、HSL、HSV、CMYK 格式
  • 一键复制:点击即可复制任意格式的颜色值
  • 历史记录:自动保存最近 20 条取色记录
  • 放大镜效果:取色时显示放大镜,精确选择像素

使用方法

  1. 点击「拾取屏幕颜色」按钮
  2. 鼠标移动到屏幕上任意位置,会出现放大镜效果
  3. 点击即可获取该位置的颜色值
  4. 按 ESC 键可取消取色

浏览器兼容性

本工具使用浏览器原生的 EyeDropper API 实现,需要以下浏览器支持:

  • Chrome 95 及以上版本
  • Microsoft Edge 95 及以上版本
  • Opera 81 及以上版本

Firefox 和 Safari 目前不支持此 API。

常见问题

1. 为什么点击按钮没反应?

请确保您使用的是支持的浏览器版本(Chrome 95+ 或 Edge 95+)。如果浏览器支持但仍然没反应,可能是浏览器权限问题,请检查浏览器设置。

2. 可以跨屏幕取色吗?

是的,EyeDropper API 支持跨显示器取色,您可以在多显示器环境下使用。

3. 取色时可以放大查看吗?

浏览器原生提供的取色器会显示一个放大镜效果,方便您精确选择像素点的颜色。

4. 历史记录会保存多久?

历史记录保存在当前页面会话中,刷新页面后会重置。最多保存 20 条记录。