如何提取网页颜色而不误认官方品牌色板。
从实际渲染的样式提取颜色并标明用途。页面上的某个强调色未必是品牌唯一批准的颜色。
按任务需求调整流程。
检查选定元素，记录颜色及其可见用途，例如文字、边框或背景。区分计算得到的 CSS 值与从图片采样的颜色。保留元素引用，并说明查看的是页面的哪种状态或主题。
- 你需要提供什么
- 选定页面上可见的样式。
- 你会得到什么
- 已使用的颜色、用途和来源元素。
查看输入和结果。
演示用输入和输出 · 教学示例，并非 WebAct 实时运行结果
示例 个输入项
Supplied style inspection: .card background #ffffff; button.primary background #d97736. These are inspected values, not official brand guidelines.
完整示例
.card — role: card background — color: #ffffff button.primary — role: primary-button background — color: #d97736 Scope: two supplied element styles. Hover states, theme variants and brand approval are not established by this sample.
将这份输入载入提示词，再复制到 WebAct 中尝试任务。实际结果可能与示例不同。
决策与问题排查。
能把单个页面的颜色视为官方品牌色板吗？
它们只描述被检查的页面。品牌规范、符合无障碍要求的配色和获批变体需要另行查阅文档。
鼠标悬停时按钮为什么变色？
交互状态可能覆盖默认样式。整理可用色板时，须将状态与色值一起记录。
使用自己的资料试一试。
将任务提示词中的示例换成你的材料。保留所需条件，再把任务复制到 WebAct。
自定义并复制任务 ↑