取色

截图时，PixPin 的放大镜可以吸取屏幕上任意一个像素的颜色，并复制成 RGB、HEX 等常用格式。设计师对照配色、开发者核对界面颜色时，不需要另外打开取色工具。

1024, 368

rgb(4, 133, 247)

C：复制颜色值Shift：切换颜色格式PShift⇧ ShiftC切换坐标切换颜色格式复制颜色值1放大的像素网格2中心像素：取色位置

用放大镜取色Copy Anchor Link

如果希望放大镜一直显示，不用按住 Alt⌥ Option，在设置的「截图」页中把「显示辅助线」改为「始终显示」。

在贴图上同样可以取色：把鼠标移到贴图上，按住 Alt⌥ Option 显示放大镜，再按 CC 复制颜色。

精确定位到像素Copy Anchor Link

放大镜中的网格线把每个像素分隔开，中心的方框就是当前取色的像素。细小的图标、1 像素的边框很难用鼠标直接对准，这时可以用键盘移动鼠标：

放大镜的显示可以在设置的「截图」页中调整：

• 放大镜倍数：1～100 倍，默认 11 倍。
• 放大镜内容：网格线、十字线、中心框线、截图边框、截图控制点、标注、标注控制线、鼠标坐标，按需勾选。
• 放大镜网格线颜色、平滑缩放放大镜内容、放大镜显示快捷键提示。

复制颜色与切换格式Copy Anchor Link

每按一次 Shift⇧ Shift，放大镜中的颜色值就切换到下一个已启用的格式，复制时使用当前显示的格式。

颜色格式Copy Anchor Link

PixPin 内置了以下颜色格式，默认启用 RGB 和 #HEX：

其他格式需要先启用，才能通过 Shift⇧ Shift 切换到。

自定义颜色格式Copy Anchor Link

如果你需要特定写法的颜色值，例如 CSS 变量、代码中的颜色常量，可以自己添加格式。

管理颜色格式

RGBrgb(%Re, %Gr, %Bl)

BGRbgr(%Bl, %Gr, %Re)

HEX%Rex%Grx%Blx

#HEX#%Rex%Grx%Blx

HSVhsv(%Hu, %Sb%, %Va%)

HSLhsl(%Hu, %Sl%, %Li%)

CSS--brand: #%ReX%GrX%BlX;提示：勾选启用格式，双击编辑，右键菜单，拖动重排序新格式确定

添加颜色格式

名称：

CSS格式：

--brand: #%ReX%GrX%BlX;

--brand: #FF8040;

可用参数%Re红色%Gr绿色%Bl蓝色%Al透明度%Hu色相%Na颜色名称示例：%ReX 表示红色值的十六进制大写两位格式。取消保存

1勾选启用，拖动排序2实时预览格式效果

在「管理颜色格式」中：

常用参数：

红、绿、蓝和透明度参数后面可以加一个字母，指定数值的写法：b 为 0～255 的数值（默认），x / X 为两位十六进制（小写 / 大写），h / H 为一位十六进制，f / F 为 0～1 的小数（带 / 不带前导零）。例如 #%ReX%GrX%BlX 会得到 #0485F7。

窗口中的「可用参数」列出了全部参数，包括 CMYK、HSI、CIE Lab、Oklab、Oklch、XYZ 等分量。

坐标Copy Anchor Link

放大镜中也显示鼠标所在像素的坐标，有两种显示方式：

• 屏幕坐标：以屏幕左上角为原点。
• 选区相对坐标：以选区左上角为原点，适合测量界面元素在一块区域中的位置。

按 PP 在两种坐标之间切换，按 Alt+C⌥ Option+C 复制当前坐标。

• 1240, 712
  屏幕坐标以屏幕左上角为原点。
• 56, 68
  选区相对坐标以选区左上角为原点，按 P 切换。
• 颜色已应用
  标注时取色选中标注工具后按 C，颜色应用到工具。

标注时取色Copy Anchor Link

标注时，可以直接从截图中吸取颜色给当前的标注工具使用，不必在调色板中找相近的颜色：

选择了标注工具时，CC 用于把颜色应用到工具，不会复制颜色值，也不会退出截图。

相关文章Copy Anchor Link