> ## 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.

# Кольори

> Змініть колір QR-коду, його рамки та підпису.

Узгодьте QR-код зі своїм брендом, змінивши колір коду, рамки та підпису. Виберіть готовий колірний пресет або задайте кожен колір самостійно.

## Перш ніж почати

* Ці налаштування розташовані на вкладці **Custom designs**. Про дизайни Branded див. [Брендовані QR-коди](/ua/design/branded-qr).

## Зміна кольору QR-коду

**1. Відкрийте крок дизайну**

У конструкторі перейдіть до **Customize & Download** і залишайтеся на **Custom designs**.

**2. Відкрийте Customization**

Натисніть чип **Customization**.

**3. Відкрийте вибір кольору**

Натисніть поле **QR Color**.

**4. Виберіть колір**

Виберіть зразок на **Palette**, перетягуйте на **Solid** або введіть у поле hex-код, наприклад `#003323`.

> [!TIP]
>
> Якщо ваш браузер це підтримує, у спливаючому вікні з'явиться кнопка піпетки. Використовуйте її, щоб узяти колір будь-де на екрані, наприклад із вашого логотипа.

Щоб повернутися до чорного, натисніть кнопку скидання (кругова стрілка) поруч із полем. Вона з'являється, коли колір відрізняється від стандартного.

## Використання колірного пресету

Рамки мають колірні пресети, які задають кольори QR-коду, рамки й підпису одночасно.

**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**, для рамок із пресетами | Задає кольори QR-коду, рамки й підпису одним натисканням. |

> [!NOTE]
>
> Конструктор використовує суцільні кольори. Фон дизайну Custom білий. Див. [Фони](/ua/design/backgrounds).

## Поради щодо кольорів для надійного сканування

* Код має бути темним, а фон — світлим. Камери телефонів найнадійніше зчитують темні коди на світлому фоні.
* Зберігайте сильний контраст. Світло-сірі, жовті чи пастельні коди на білому можуть не скануватися.
* Підпис має бути читабельним на тлі рамки: не використовуйте той самий колір для **Text Color** і **Frame color**.
* Перед друком перевірте код на кількох телефонах.

## Поширені проблеми

> **Не вдається встановити білий колір QR-коду**
>
> Білий колір недоступний для **QR Color**, бо білий код на білому фоні неможливо відсканувати. Виберіть натомість темний колір.

> **Hex-код стає червоним**
>
> Значення не є дійсним hex-кольором. Використовуйте формат `#RRGGBB`, наприклад `#0035cc`.

> **Я не бачу Frame color або Text Color**
>
> Ці поля з'являються лише тоді, коли вибрано рамку. Спочатку виберіть рамку на чипі **Frame**.

> **Я не бачу Color presets**
>
> Не кожна рамка має пресети, а варіант без рамки їх не має. Виберіть іншу рамку.

> **Код не сканується після зміни кольору**
>
> Імовірно, контраст занизький. Виберіть темніший **QR Color** і перевірте знову.

## Що далі

> **[Рамки](/ua/design/frames)**

> **[Фони](/ua/design/backgrounds)**

> **[Додавання логотипа](/ua/design/logo)**

> **[Друк QR-коду](/ua/downloads/printing)**


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