> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getqr.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 颜色

> 更改二维码、边框及其说明文字的颜色。

通过更改二维码、边框和说明文字的颜色，让二维码与你的品牌相匹配。你可以选择现成的颜色预设，也可以自行设置每种颜色。

## 开始之前

* 这些设置位于 **Custom designs** 标签页。关于 Branded designs，请参阅[品牌二维码](/zh/design/branded-qr)。

## 更改二维码颜色

**1. 打开设计步骤**

在创建器中，进入 **Customize & Download** 并停留在 **Custom designs**。

**2. 打开 Customization**

点击 **Customization** 选项卡。

**3. 打开取色器**

点击 **QR Color** 字段。

**4. 选择颜色**

在 **Palette** 中选择一个色板，在 **Solid** 中拖动选择，或在字段中输入十六进制颜色代码，例如 `#003323`。

> [!TIP]
>
> 如果你的浏览器支持，弹出窗口中会显示一个取色器按钮。可以用它从屏幕上的任意位置（例如你的 Logo）选取颜色。

如需恢复为黑色，请点击字段旁边的重置按钮（圆形箭头）。当颜色与默认值不同时，该按钮才会出现。

## 使用颜色预设

边框附带颜色预设，可一次性设置二维码、边框和说明文字的颜色。

**1. 打开 Frame**

点击 **Frame** 选项卡。

**2. 选择边框**

在 **Frame around the QR code** 下选择一个边框。

**3. 选择预设**

在 **Color presets** 下选择一组色板。

选择预设后，你仍然可以在 **Customization** 选项卡中微调每种颜色。

## 设置

| 设置 | 位置 | 作用 |
| - | - | - |
| **QR Color** | **Customization** | 二维码码点和定位角的颜色。默认为黑色。 |
| **Frame color** | **Customization**（选择边框后） | 二维码周围边框的颜色。 |
| **Text Color** | **Customization**（选择边框后） | 边框说明文字的颜色。 |
| **Color presets** | **Frame**（适用于带预设的边框） | 一键设置二维码、边框和说明文字的颜色。 |

> [!NOTE]
>
> 创建器使用纯色。Custom design 的背景为白色。请参阅[背景](/zh/design/backgrounds)。

## 确保颜色可扫描的技巧

* 保持二维码为深色、背景为浅色。手机相机识别浅底深色的二维码最为可靠。
* 保持强烈的对比度。白底上的浅灰色、黄色或粉彩色二维码可能无法扫描。
* 确保说明文字在边框上清晰可读：**Text Color** 和 **Frame color** 不要使用相同的颜色。
* 打印前先用几部手机测试。

## 常见问题

> **无法将二维码颜色设置为白色**
>
> **QR Color** 不允许使用白色，因为白色背景上的白色二维码无法扫描。请改选深色。

> **十六进制颜色代码变成红色**
>
> 该值不是有效的十六进制颜色。请使用 `#RRGGBB` 格式，例如 `#0035cc`。

> **我看不到 Frame color 或 Text Color**
>
> 这些字段只有在选择边框后才会出现。请先在 **Frame** 选项卡中选择一个边框。

> **我看不到 Color presets**
>
> 并非每个边框都有预设，无边框选项也没有预设。请选择其他边框。

> **更改颜色后二维码无法扫描**
>
> 可能是对比度太低。请选择更深的 **QR Color** 并再次测试。

## 后续步骤

> **[边框](/zh/design/frames)**

> **[背景](/zh/design/backgrounds)**

> **[添加 Logo](/zh/design/logo)**

> **[打印二维码](/zh/downloads/printing)**


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.