图片取色器(PixPix),悬停取色HEXRGB,从图片里取单个像素的颜色值,同时给出 HEX、RGB、HSL 三种写法,点一下复制。关键是那个放大镜:悬停时把周围像素放大显示,帮你精确点中目标。徒手在缩放过的图上点准一个像素几乎不可能,
推荐指数:★★★★☆
最佳使用场景:
在浏览器或设计稿中直接吸管取色时图片往往被缩放显示。一个显示像素可能对应多个真实像素,鼠标稍微抖动或落点偏移半个像素。取到的就是完全不同的颜色值,导致还原度极低。
设计稿给的是 HEX。写 CSS 背景习惯用 RGB/RGBA,调整明度饱和度又得看 HSL。来回在转换工具、开发者工具、代码编辑器间切换,极其破坏专注力。
设计说“我给的是 #007AFF”。前端说“渲染出来是 #0077FF”,浏览器渲染差异、色彩空间不一致、压缩伪影…,按理说,双方各执一词,缺乏一个权威、即时、可复制的“裁判证据”。
很多在线取色器要求先截图、再保存本地、再拖拽上传。只是想临时取个竞品网站的按钮颜色,这套流程重得像安装组件一样。
悬停时把周围像素放大显示,帮你精确点中目标。怎么说呢,徒手在缩放过的图上点准一个像素几乎不可能。没有放大镜这类工具基本没法用。
写 CSS 用 HEX 或 RGB。要调明度和饱和度时 HSL 更顺手,不用自己换算。
#007AFFrgbhsl见到竞品官网 Hero 区那个诱人的渐变按钮?拖入 PixPix → 放大镜逐个采样关键节点 → 一键复制 HEX 数组 → 直接塞进 tailwind.config.js / variables.scss。全程不超过 、不污染下载文件夹。