×
←
→
适用于以下浏览器
DesignPicker: 高级颜色选择器、取色器 & 字体查找器 ◇ 停止猜测颜色和字体！DesignPicker 是网页设计师、前端开发者和创意人员必备的 Chrome 浏览器扩展，提供即时颜色选取、取色器功能和字体识别。
使用这个强大的设计工具，具备先进的颜色检测和网页字体识别，加速您的设计工作流程。
它是您浏览器工具包中最有用的设计工具之一。
主要功能： 轻松颜色选取、提取 & 检测：
网站颜色提取器：使用我们的网页颜色提取器，一键抓取任何网站的所有颜色。
是快速生成调色板的绝佳工具。
屏幕取色器工具：使用多功能的屏幕颜色选择器（取色器）从屏幕上的任何位置（应用程序、图像、代码编辑器）捕获颜色。
对于网页设计和图形设计任务至关重要。
即时颜色代码复制：立即复制 HEX、RGB 和 HSL（如果支持）颜色代码，用于 CSS 或设计软件。
构建 & 分析调色板：轻松创建、查看和分析网站配色方案，以实现一致的设计系统。
即时字体识别 & 识别：
网页字体检测工具：悬停在文本上即可立即识别任何网页上使用的字体。
它就像在您的浏览器工作流程中内置了 WhatTheFont 功能，可进行快速检查。
详细排版分析：访问全面的字体详细信息，包括字体系列、大小、粗细、样式和颜色。
快速检查字体信息，无需深入研究代码。
字体预览：直接在字体查找器界面中可视化字体样式。
非常适合排版项目。
如何使用 DesignPicker：
钉选图标：安装后，将 DesignPicker 图标钉选到 Chrome 工具栏以便快速访问。
选择颜色： ◇ 从屏幕：单击 DesignPicker 图标，选择“屏幕选择器”（取色器），然后单击屏幕上的任意位置。
◇ 从网页：单击图标，转到“页面颜色”选项卡以查看所有提取的颜色。
◇ 单击扩展窗口中的任何色样以立即复制其代码（HEX、RGB、HSL）。
识别字体： ◇ 单击 DesignPicker 图标并激活“检查字体”模式（或类似名称的功能）。
◇ 将鼠标悬停在当前网页上的任何文本上。
◇ 将出现一个工具提示，显示详细的字体信息（系列、大小、粗细、颜色）。
为什么选择 DesignPicker？
直观 & 快速：这个高效的浏览器插件在每个项目上节省宝贵时间，充当快速资产捕获工具。
准确的结果：获得可靠且准确的颜色值和字体详细信息，您可以信任这些信息用于专业工作。
无缝工作流程集成：优化您的流程。
Chrome 中的必备开发者工具和设计师助手。
与您现有的设计工具无缝集成。
积极开发：我们根据用户反馈不断改进，旨在成为最好的颜色选择器扩展和字体识别工具。
完美适用于：
快速抓取 CSS 样式和开发的颜色代码（HEX、RGB、HSL）。
识别未知网页字体或竞争对手分析的字体。
为 UI/UX 设计和图形设计创建情绪板和样式指南。
在使用 shadcn ui 等组件库时准确匹配颜色。
用作视觉资产的聚焦检查元素替代方案。
简化设计到开发的交接过程。
任何需要可靠的在线颜色选择器或字体检查器的任务。
立即安装 DesignPicker，彻底改变您的设计流程！Chrome 的终极颜色选择器、取色器和字体查找器浏览器工具等待着您。
联系 & 支持： 邮箱：hi@yisi.app 网站：https://design-picker.yisi.app