Description from extension meta
A smart developer tool that supports color picking and font detecting, making develop design easier.
Image from store
Description from store
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 的终极颜色选择器、取色器和字体查找器浏览器工具等待着您。
• 联系 & 支持:
邮箱:[email protected]
网站:https://design-picker.yisi.app