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

# Selector de color en embudos y sitios web

> Usa colores de marca, predeterminados y personalizados en HEX, RGB o valores personalizados, incluso por palabra.

El selector de color del editor de embudos y sitios web controla todos los colores de tus páginas: fondos de sección, botones, íconos y hasta una sola palabra o letra de un texto. Reúne en un mismo panel los colores de tu marca, los predeterminados y los personalizados, y acepta valores HEX, RGB y valores personalizados de tu cuenta.

## Ventajas

* **Paleta unificada**: colores de marca, predeterminados y personalizados en un solo panel.
* **Color por carácter**: pinta una sola palabra o letra para darle énfasis.
* **Etiquetas personalizadas**: ponle nombre a tus colores (por ejemplo, "Azul botón") para reutilizarlos fácilmente.
* **Varios formatos**: HEX, RGB o valores personalizados.
* **Sin duplicados**: el selector te avisa si intentas guardar un color que ya existe.
* **Diseño compacto** que carga rápido y no estorba.

## Cómo usar el selector de color

**1. Abre el selector**

Abre una página de tu embudo o sitio web, selecciona una sección, elemento o texto, y haz clic en el cuadro de **Color** del panel de estilos. Para textos, también puedes usar el ícono **A** de la barra de herramientas del texto.

**2. Elige un color**

Selecciona un color predeterminado, un color de marca o uno de tus colores personalizados. Para crear uno nuevo, haz clic en **+ Agregar**.

**3. Crea un color personalizado**

Elige el tono, usa el menú desplegable para cambiar entre **HEX**, **RGB** o **Personalizado**, escribe un nombre descriptivo y haz clic en **Guardar**. El nuevo color aparece en tu paleta.

## Color por palabra o por carácter

Con el editor de texto en línea puedes aplicar color a palabras sueltas o incluso a caracteres individuales. Selecciona el fragmento de texto, abre el selector desde la barra de herramientas y elige el color. Así destacas una palabra clave dentro de un titular sin crear elementos separados.

## Nombres y etiquetas de colores

* Después de elegir un color personalizado, puedes ponerle nombre (por ejemplo, "Rojo advertencia") y editar o quitar esa etiqueta cuando quieras.
* Al pasar el cursor sobre un color personalizado, verás su nombre en una etiqueta emergente. Así tu equipo distingue tonos parecidos sin memorizar códigos.

## Formatos de color compatibles

| Formato | Ejemplo | Cuándo usarlo |
| - | - | - |
| **HEX** | `#1E90FF` | El formato más común en diseño web |
| **RGB** | `rgb(30,144,255)` | Control preciso de los componentes rojo, verde y azul |
| **Valor personalizado** | `{{ custom_values.primary_color }}` | Cuando quieres que el color venga de un valor personalizado de tu cuenta y se actualice en todas partes al cambiarlo |

## Validaciones

* **Valores personalizados**: el valor personalizado debe existir en tu cuenta antes de guardarlo como color. Así se evitan referencias rotas.
* **Colores duplicados**: si intentas guardar un tono que ya está en la paleta, el selector lo marca al instante para que ajustes el valor.

## Color del ícono en los botones

Los íconos de los botones tienen su propio color, independiente del texto y del subtexto del botón. Puedes elegirlo con el selector de color (incluidos los colores de tu tablero de marca y tus colores personalizados) para que el ícono combine con tu marca sin perder legibilidad en el texto.

> [!NOTE]
>
> Los colores predeterminados de la paleta pueden cambiar con el tiempo, a medida que se renuevan los estilos de inicio del editor (por ejemplo, pueden aparecer tonos nuevos como **Cobalt** y **Smoke**). Si necesitas una marca totalmente consistente, define tus colores en el tablero de marca o como colores personalizados y usa siempre esos.

## Preguntas frecuentes

> **Si edito un color de marca, ¿cambian mis páginas existentes?**
>
> No. El cambio aplica de ahí en adelante. Los colores ya aplicados en elementos o textos se mantienen.

> **¿Por qué veo un mensaje de color duplicado al guardar?**
>
> El valor ya existe en la paleta, o un valor personalizado guardado da el mismo color. Cambia el valor o edita el color existente.

> **¿Puedo renombrar o borrar un color personalizado sin afectar mis páginas?**
>
> Sí. Renombrar o borrar un color de la paleta no cambia los colores ya aplicados.

> **¿Puedo importar varios colores de marca a la vez?**
>
> Agrégalos a tu tablero de marca: aparecerán automáticamente en la parte superior de la paleta.

> **¿Por qué no se guarda mi color con valor personalizado?**
>
> El valor personalizado debe existir en tu cuenta y su resultado no puede duplicar un color de la paleta. Revisa que el valor exista en **Configuración → Valores personalizados**.

> **¿Por qué las páginas nuevas se ven distintas a las antiguas?**
>
> Los valores predeterminados del editor (fuentes, textos de ejemplo y colores de la paleta) se actualizan para diseños nuevos. Usa tu tablero de marca o tus plantillas guardadas para mantener un estilo uniforme.

## Artículos relacionados

> **[Tablero de marca en embudos y sitios](https://help.chateea.com/docs/marketing/tablero-de-marca-en-embudos-y-sitios.md)**
>
> Usa los colores y fuentes de tu marca en tus páginas.

> **[Fuentes personalizadas](https://help.chateea.com/docs/sitios/fuentes-personalizadas.md)**
>
> Sube las tipografías de tu marca.


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