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

# Couleurs

> Modifiez la couleur de votre code QR, de son cadre et de sa légende.

Adaptez votre code QR à votre marque en modifiant la couleur du code, du cadre et de la légende. Choisissez un préréglage de couleurs prêt à l'emploi ou définissez chaque couleur vous-même.

## Avant de commencer

* Ces paramètres se trouvent dans l'onglet **Custom designs**. Pour les Branded designs, consultez [Codes QR Branded](/fr/design/branded-qr).

## Modifier la couleur du code QR

**1. Ouvrir l'étape de design**

Dans le générateur, allez à **Customize & Download** et restez sur **Custom designs**.

**2. Ouvrir Customization**

Cliquez sur la pastille **Customization**.

**3. Ouvrir le sélecteur de couleur**

Cliquez sur le champ **QR Color**.

**4. Choisir une couleur**

Choisissez une pastille de couleur dans **Palette**, faites glisser le curseur dans **Solid**, ou saisissez un code hexadécimal tel que `#003323` dans le champ.

> [!TIP]
>
> Si votre navigateur le permet, la fenêtre contextuelle affiche un bouton pipette. Utilisez-le pour prélever une couleur n'importe où sur votre écran, par exemple sur votre logo.

Pour revenir au noir, cliquez sur le bouton de réinitialisation (flèche circulaire) à côté du champ. Il apparaît dès que la couleur diffère de celle par défaut.

## Utiliser un préréglage de couleurs

Les cadres sont accompagnés de préréglages de couleurs qui définissent en même temps les couleurs du code QR, du cadre et de la légende.

**1. Ouvrir Frame**

Cliquez sur la pastille **Frame**.

**2. Choisir un cadre**

Choisissez un cadre sous **Frame around the QR code**.

**3. Choisir un préréglage**

Choisissez un groupe de couleurs sous **Color presets**.

Vous pouvez toujours affiner chaque couleur dans la pastille **Customization** après avoir choisi un préréglage.

## Paramètres

| Paramètre | Emplacement | Rôle |
| - | - | - |
| **QR Color** | **Customization** | Couleur des points et des coins du code. Noir par défaut. |
| **Frame color** | **Customization**, lorsqu'un cadre est sélectionné | Couleur du cadre autour du code. |
| **Text Color** | **Customization**, lorsqu'un cadre est sélectionné | Couleur de la légende du cadre. |
| **Color presets** | **Frame**, pour les cadres qui ont des préréglages | Définit les couleurs du code QR, du cadre et de la légende en un clic. |

> [!NOTE]
>
> Le générateur utilise des couleurs unies. L'arrière-plan d'un Custom design est blanc. Consultez [Arrière-plans](/fr/design/backgrounds).

## Conseils pour des couleurs scannables

* Gardez un code foncé sur un fond clair. Les appareils photo des téléphones lisent le plus facilement les codes foncés sur fond clair.
* Conservez un fort contraste. Les codes gris clair, jaunes ou pastel sur fond blanc peuvent ne pas se scanner.
* Rendez la légende lisible sur le cadre : n'utilisez pas la même couleur pour **Text Color** et **Frame color**.
* Testez avec plusieurs téléphones avant d'imprimer.

## Problèmes courants

> **Je ne peux pas mettre la couleur du code QR en blanc**
>
> Le blanc n'est pas autorisé pour **QR Color**, car un code blanc sur fond blanc ne peut pas être scanné. Choisissez plutôt une couleur foncée.

> **Le code hexadécimal devient rouge**
>
> La valeur n'est pas une couleur hexadécimale valide. Utilisez le format `#RRGGBB`, par exemple `#0035cc`.

> **Je ne vois pas Frame color ni Text Color**
>
> Ces champs n'apparaissent que lorsqu'un cadre est sélectionné. Choisissez d'abord un cadre dans la pastille **Frame**.

> **Je ne vois pas Color presets**
>
> Tous les cadres n'ont pas de préréglages, et l'option sans cadre n'en a aucun. Choisissez un autre cadre.

> **Le code ne se scanne plus après le changement de couleur**
>
> Le contraste est probablement trop faible. Choisissez une **QR Color** plus foncée et testez à nouveau.

## Et ensuite

> **[Cadres](/fr/design/frames)**

> **[Arrière-plans](/fr/design/backgrounds)**

> **[Ajouter un logo](/fr/design/logo)**

> **[Imprimer votre code QR](/fr/downloads/printing)**


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