在pxcook中获取设计稿颜色值有四种方法：一、用吸管工具单击取色，显示并复制rgb/hex等值；二、用选区工具框选区域，查看主色及top 3配色；三、开发模式下悬停元素，显示css颜色属性；四、导入psd文件后，在图层面板直接读取填充、描边、文字色参数。
如果您在使用PxCook查看设计稿时需要快速获取图中任意位置的颜色值，则可能是由于未启用取色工具或未正确触发颜色识别功能。以下是获取设计稿中颜色色值信息的具体操作步骤：
一、使用吸管工具实时吸取颜色
吸管工具是PxCook中最直接的取色方式，点击后可在图像任意位置单击取色，即时显示该点的RGB、HEX等格式色值，并支持复制与标注。
1、启动PxCook软件，打开包含设计稿的项目。
2、确保处于“设计”或“开发”模式界面，右侧属性面板已展开。
3、点击左侧工具栏中的吸管图标（颜色标注工具），光标变为十字取色状态。
4、将鼠标移至设计稿目标像素点，左键单击即可在图像上生成颜色标注气泡。
5、此时右侧面板自动显示该点的RGB、HEX、RGBA等全部色值格式，并可点击对应值旁的复制按钮一键复制。
二、通过选区范围查看主色调与颜色分布
当需分析局部区域（如按钮、图标背景）的整体色彩构成时，可利用选区+颜色分析功能提取主导色及色值统计，避免单点误差。
1、切换至左侧工具栏的矩形选择工具或套索工具。
2、在设计稿中框选目标区域，例如一个按钮的填充区域。
3、选区建立后，右侧面板将显示该区域的主色（Dominant Color）及RGB/HEX值，同时列出Top 3常用色及其占比。
4、点击主色值右侧的“复制HEX”按钮，即可将标准十六进制色码粘贴至CSS或设计文档中。
三、在开发模式下悬停查看元素颜色参数
进入开发模式后，PxCook会自动识别图层结构与样式属性，对文字、背景、边框等元素进行智能解析，悬停即可调出完整颜色配置信息。
1、点击顶部菜单栏的“开发”按钮，切换至开发模式界面。
2、将鼠标悬停于设计稿中任意可识别元素（如文本块、色块、图标）上方。
3、页面将浮现半透明信息浮层，其中明确标注background-color、color、border-color等CSS属性对应的颜色值，格式统一为HEX与RGB双显。
4、若需查看透明度，确认当前显示为RGBA格式（如rgba(255, 90, 60, 0.8)），可直接用于前端代码。
四、从PSD文件中直接提取图层颜色数据
当设计稿源文件为PSD格式且保留图层信息时，PxCook可跳过手动取色环节，直接读取原始图层的填充色、描边色及文字色参数。
1、在PxCook中新建项目，拖入或导入带图层的PSD文件（需为Photoshop CC及以上版本保存）。
2、导入完成后，点击顶部“开发”模式，等待图层解析完成（右下角显示“解析完毕”提示）。
3、在左侧图层面板中点击任一图层，右侧属性区即刻显示该图层的填充色（Fill）、描边色（Stroke）、文字色（Text Color）等完整色值。
4、每项颜色值右侧均配有复制图标，点击即可获取HEX或RGB格式，无需额外转换。
