跳到主要内容

公开 CSS 颜色工具

网站配色提取器

查找公开网站重复出现的颜色信号,生成精简且注重可访问性的设计令牌说明。

输出模式

免费单页说明 · 仅公开页面 · 不复制源文件或私密数据

把嘈杂 CSS 变成小型配色方向。

大型样式表可能包含数百个值、旧实验和框架默认项。提取器统计有限公开 HTML 与样式中的重复颜色,只给出短候选列表。

请把结果当作视觉研究。实现前调整对比度、定义语义令牌,并为自己的品牌建立独特配色。

01

重复信号

优先展示频繁出现的十六进制、RGB 与 HSL 值。

02

精简输出

让交接足够短,可直接放入 AI 提示词或设计说明。

03

令牌方向

把观察结果转成表面、文字、强调色和边框角色。

04

无障碍下一步

生成说明会要求上线前检查颜色对比度。

三步工作流

从公开网址到可用交接说明。

免费静态检查会主动限制范围。请先核对结果并替换参考站身份,再让 AI 开发。

  1. 01 / URL

    粘贴公开页面

    使用你拥有、可检查或获准参考的页面。私密与敏感页面会被拒绝。

  2. 02 / REVIEW

    核对观察结果

    静态响应可能遗漏 JavaScript 状态、动画和 Canvas 内容,因此要人工核对。

  3. 03 / BUILD

    补充你的需求

    把说明与你的品牌、原创文案、素材、产品逻辑和技术栈结合。