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

# Colores

> Cambia el color de tu código QR, de su marco y de su texto.

Adapta tu código QR a tu marca cambiando el color del código, del marco y del texto. Elige una combinación de colores predefinida o define cada color tú mismo.

## Antes de empezar

* Estos ajustes están en la pestaña **Custom designs**. Para los diseños Branded, consulta [Códigos QR de marca](/es/design/branded-qr).

## Cambiar el color del código QR

**1. Abre el paso de diseño**

En el editor, ve a **Customize & Download** y quédate en **Custom designs**.

**2. Abre Customization**

Haz clic en la pestaña **Customization**.

**3. Abre el selector de color**

Haz clic en el campo **QR Color**.

**4. Elige un color**

Elige una muestra en **Palette**, arrastra en **Solid** o escribe un código hexadecimal como `#003323` en el campo.

> [!TIP]
>
> Si tu navegador lo admite, la ventana emergente muestra un botón de cuentagotas. Úsalo para tomar un color de cualquier parte de la pantalla, como tu logotipo.

Para volver al negro, haz clic en el botón de restablecer (flecha circular) junto al campo. Aparece en cuanto el color es distinto del predeterminado.

## Usar una combinación de colores predefinida

Los marcos incluyen combinaciones de colores predefinidas que definen a la vez los colores del código QR, del marco y del texto.

**1. Abre Frame**

Haz clic en la pestaña **Frame**.

**2. Elige un marco**

Elige un marco en **Frame around the QR code**.

**3. Elige una combinación predefinida**

Elige un grupo de muestras en **Color presets**.

Después de elegir una combinación predefinida, puedes seguir ajustando cada color en la pestaña **Customization**.

## Ajustes

| Ajuste | Dónde | Qué hace |
| - | - | - |
| **QR Color** | **Customization** | Color de los puntos y las esquinas del código. Por defecto, negro. |
| **Frame color** | **Customization**, cuando hay un marco seleccionado | Color del marco alrededor del código. |
| **Text Color** | **Customization**, cuando hay un marco seleccionado | Color del texto del marco. |
| **Color presets** | **Frame**, en los marcos que tienen combinaciones predefinidas | Define los colores del código QR, del marco y del texto con un solo clic. |

> [!NOTE]
>
> El editor usa colores sólidos. El fondo de un diseño Custom es blanco. Consulta [Fondos](/es/design/backgrounds).

## Consejos para que los colores se puedan escanear

* Mantén el código oscuro y el fondo claro. Las cámaras de los móviles leen con más fiabilidad los códigos oscuros sobre fondo claro.
* Mantén un contraste alto. Los códigos en gris claro, amarillo o tonos pastel sobre blanco pueden no escanearse.
* Haz que el texto se lea bien sobre el marco: no uses el mismo color para **Text Color** y **Frame color**.
* Haz pruebas con varios móviles antes de imprimir.

## Problemas habituales

> **No puedo poner el color del código QR en blanco**
>
> El blanco no está permitido en **QR Color**, porque un código blanco sobre fondo blanco no se puede escanear. Elige un color oscuro.

> **El código hexadecimal se pone en rojo**
>
> El valor no es un color hexadecimal válido. Usa el formato `#RRGGBB`, por ejemplo `#0035cc`.

> **No veo Frame color ni Text Color**
>
> Estos campos solo aparecen cuando hay un marco seleccionado. Elige primero un marco en la pestaña **Frame**.

> **No veo Color presets**
>
> No todos los marcos tienen combinaciones predefinidas, y la opción sin marco no tiene ninguna. Elige otro marco.

> **El código no se escanea después de cambiar el color**
>
> Probablemente el contraste sea demasiado bajo. Elige un **QR Color** más oscuro y vuelve a probar.

## Siguientes pasos

> **[Marcos](/es/design/frames)**

> **[Fondos](/es/design/backgrounds)**

> **[Añadir un logotipo](/es/design/logo)**

> **[Imprimir tu código QR](/es/downloads/printing)**


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