如何使用颜色选择器

选择合适的颜色是保持设计一致性的重要一环。在 GemPages 中， 颜色选择器 该工具允许您从屏幕上的任何位置拾取颜色——甚至是从同一显示器上打开的其他窗口中拾取颜色。

此功能与 Figma 等设计软件中的工具类似，可以轻松地在不同的元素、图像或品牌材料之间匹配颜色。

何时应该使用颜色选择器？

颜色选择器在以下情况下尤其有用：

• 你想匹配图片中的颜色
• 你需要使用品牌标志中的颜色。
• 你希望页面上的颜色保持一致。
• 您正在从其他网站或设计文件中复制颜色
• 你想避免手动输入颜色代码

例如，如果您希望标题文本与徽标图像的颜色相匹配，您可以直接选择颜色，而无需猜测十六进制代码。

如何使用颜色选择器

在这个例子中，我们将改变一个颜色。 标题元素 使用颜色选择器。

步骤 1：选择要更改颜色的元素

来自编辑器画布：

• 点击 标题元素 你想更新
• 请确保已选择正确的元素。

选中后，元素设置将显示在左侧面板中。

步骤 2：打开颜色设置并选择颜色选择器图标

在元素设置中：

• 为您的 颜色 选择
• 点击打开颜色设置
• 点击 颜色选择器图标

点击该图标后，光标将变成颜色选择工具。

步骤 3：从屏幕上的任意位置选择一种颜色

将光标移动到屏幕上的任意可见区域。

您可以从以下颜色中选择：

• 页面内的图片
• Logo
• 其他浏览器标签页
• 设计文件
• 同一显示器上的任何打开窗口

点击你想使用的颜色。

所选颜色将立即应用于您的元素。

选择颜色后：

• 新颜色将自动应用。
• 无需采取其他步骤

您可以继续编辑或对其他元素重复此过程。