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

# Cores

> Altere a cor do seu QR code, da moldura e da legenda.

Combine seu QR code com a sua marca alterando a cor do código, da moldura e da legenda. Escolha uma predefinição de cores pronta ou defina cada cor você mesmo.

## Antes de começar

* Essas configurações ficam na aba **Custom designs**. Para Branded designs, veja [QR codes com marca](/pt-br/design/branded-qr).

## Alterar a cor do QR code

**1. Abra a etapa de design**

No editor, vá para **Customize & Download** e permaneça em **Custom designs**.

**2. Abra Customization**

Clique no chip **Customization**.

**3. Abra o seletor de cores**

Clique no campo **QR Color**.

**4. Escolha uma cor**

Escolha uma amostra em **Palette**, arraste em **Solid** ou digite um código hex, como `#003323`, no campo.

> [!TIP]
>
> Se o seu navegador for compatível, o popover mostra um botão de conta-gotas. Use-o para capturar uma cor de qualquer lugar da tela, como o seu logo.

Para voltar ao preto, clique no botão de redefinir (seta circular) ao lado do campo. Ele aparece quando a cor é diferente da padrão.

## Usar uma predefinição de cores

As molduras vêm com predefinições de cores que definem juntas as cores do QR code, da moldura e da legenda.

**1. Abra Frame**

Clique no chip **Frame**.

**2. Escolha uma moldura**

Escolha uma moldura em **Frame around the QR code**.

**3. Escolha uma predefinição**

Escolha um grupo de amostras em **Color presets**.

Depois de escolher uma predefinição, você ainda pode ajustar cada cor no chip **Customization**.

## Configurações

| Configuração | Onde | O que faz |
| - | - | - |
| **QR Color** | **Customization** | Cor dos pontos e dos cantos do código. Padrão: preto. |
| **Frame color** | **Customization**, quando uma moldura está selecionada | Cor da moldura ao redor do código. |
| **Text Color** | **Customization**, quando uma moldura está selecionada | Cor da legenda da moldura. |
| **Color presets** | **Frame**, para molduras que têm predefinições | Define as cores do QR, da moldura e da legenda com um clique. |

> [!NOTE]
>
> O editor usa cores sólidas. O fundo de um Custom design é branco. Veja [Fundos](/pt-br/design/backgrounds).

## Dicas para cores legíveis

* Mantenha o código escuro e o fundo claro. As câmeras dos celulares leem com mais confiabilidade códigos escuros sobre fundo claro.
* Mantenha um contraste forte. Códigos em cinza-claro, amarelo ou tons pastel sobre branco podem não ser lidos.
* Deixe a legenda legível em relação à moldura: não use a mesma cor para **Text Color** e **Frame color**.
* Teste com alguns celulares antes de imprimir.

## Problemas comuns

> **Não consigo definir a cor do QR como branco**
>
> O branco não é permitido em **QR Color**, porque um código branco sobre o fundo branco não pode ser lido. Escolha uma cor escura.

> **O código hex fica vermelho**
>
> O valor não é uma cor hex válida. Use o formato `#RRGGBB`, por exemplo `#0035cc`.

> **Não vejo Frame color nem Text Color**
>
> Esses campos só aparecem quando uma moldura está selecionada. Escolha primeiro uma moldura no chip **Frame**.

> **Não vejo Color presets**
>
> Nem todas as molduras têm predefinições, e a opção sem moldura não tem nenhuma. Escolha outra moldura.

> **O código não é lido depois que mudei a cor**
>
> O contraste provavelmente está baixo demais. Escolha uma **QR Color** mais escura e teste novamente.

## Próximos passos

> **[Molduras](/pt-br/design/frames)**

> **[Fundos](/pt-br/design/backgrounds)**

> **[Adicionar um logo](/pt-br/design/logo)**

> **[Imprima seu QR code](/pt-br/downloads/printing)**


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