01Free
Chrome 网页取色器
从网页拾取颜色,复制 HEX、RGB 或 HSL,并在历史记录中保留最近 20 个颜色。
从网页取色从网页颜色到可用代码 ●
从网页取色和品牌调色板研究开始,再将选定颜色导出为 CSS Variables、Tailwind Config 或 W3C Design Tokens。
添加到 Chrome — 免费五个明确入口
从网页拾取颜色,复制 HEX、RGB 或 HSL,并在历史记录中保留最近 20 个颜色。
从网页取色从参考网站采集品牌色,为竞品研究、品牌分析或改版整理调色板。
提取网站调色板将选定的网站颜色转换成样式表可以继续使用的 CSS 自定义属性。
导出 CSS Variables将采集的网站颜色导出为 Tailwind Config 起点,同时保留对名称和色阶的控制。
创建 Tailwind 调色板在项目中整理界面颜色,并导出适合设计系统继续处理的 W3C Design Tokens。
导出颜色令牌完整工作流
免费版覆盖网页取色、历史记录、一个项目和 CSS Variables。需要页面颜色提取、多个项目、Tailwind 或 W3C 导出时,再升级 Pro。