> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Personalizar los colores de Block

> Elige colores de la paleta de colores de Block, crea colores de Block totalmente personalizados y define tus propios colores de Block predeterminados en Craft.

Los colores de Block son una forma sencilla de hacer que el contenido destaque. Son perfectos para llamadas de atención, para codificar secciones por colores o simplemente para dar personalidad a una página. La paleta de colores de Block ofrece una selección equilibrada de colores que cubre todo el espectro, y si ninguno te convence del todo, puedes crear uno totalmente personalizado.

## Aplicar un color de Block

<Steps>
  <Step title="Selecciona un Block">
    Haz clic en el Block que quieres colorear o selecciona varios Blocks a la vez.

    <img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-1.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=89e724af9695db974901a249c837bc30" alt="Seleccionando un Block" width="928" height="759" data-path="images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-1.png" />
  </Step>

  <Step title="Abre el panel de Formato">
    Abre la barra lateral derecha y selecciona la pestaña de **Formato**.
  </Step>

  <Step title="Elige un color de Block">
    En **Decoraciones**, selecciona **Block** y luego elige un color de la paleta de **Color**. Pasa el cursor sobre cualquier color para ver su nombre en un mensaje emergente.

    <img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-2.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=e293e198ba0c255b778adb624533e85b" alt="Panel de Formato con la decoración de Block y la paleta de colores" width="928" height="759" data-path="images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-2.png" />
  </Step>
</Steps>

La misma paleta aparece en todos los lugares donde eliges colores de Block, incluido el menú de barra diagonal, de modo que un color siempre se ve igual sin importar desde dónde lo apliques.

## Elegir un color de Block personalizado

¿Quieres un tono que no está en la paleta?

<Steps>
  <Step title="Abre el selector de color">
    Selecciona la opción de color personalizado al final de la paleta de colores de Block.
  </Step>

  <Step title="Elige tu tono">
    Explora una cuadrícula de tonos, elige en el espectro o afina con los controles deslizantes.
  </Step>

  <Step title="O introduce un valor exacto">
    Escribe un valor RGB o HSB para obtener una coincidencia precisa. Es muy útil para los colores de marca.
  </Step>
</Steps>

<video autoPlay muted loop playsInline className="w-full rounded-xl" src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/custom-block-color.mp4?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=bccaba891fdf8399f03f5ab484ba8a98" data-path="images/write-and-edit/styling/block-colors/en/content/custom-block-color.mp4" />

## Definir tus propios colores de Block predeterminados

También puedes sustituir cualquier color de la paleta predeterminada por tu propio tono. Es ideal si quieres tener siempre a mano tu color favorito o usar un color de marca específico en todos tus documentos.

<Steps>
  <Step title="Abre el menú contextual sobre un color de la paleta">
    En la paleta de colores de Block, haz clic derecho (macOS) o mantén pulsado (iOS) el color que quieres sustituir.
  </Step>

  <Step title="Personaliza el color">
    Elige la opción para personalizar el color y selecciona tu propio tono en el selector de color. La paleta mostrará tu color en esa posición en todos los lugares donde aparecen los colores de Block.
  </Step>

  <Step title="Restablece cuando lo necesites">
    Para recuperar el color original, vuelve a abrir el menú contextual sobre él y restablécelo.
  </Step>
</Steps>

<video autoPlay muted loop playsInline className="w-full rounded-xl" src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/default-block-colors.mp4?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=16685de5e91e25ddfbc9882ed7293e00" data-path="images/write-and-edit/styling/block-colors/en/content/default-block-colors.mp4" />

<Info title="Tablas y colecciones">
  Las tablas y las colecciones heredan el color de Block que se les asigna, así que puedes codificar estos Blocks por colores igual que cualquier otro contenido.
</Info>

## Artículos relacionados

<CardGroup cols={2}>
  <Card title="Fondos, Colores y Separadores" href="/es/write-and-edit/styling/quick-guide">
    Personaliza fondos, colores de documento y texto, y separadores
  </Card>

  <Card title="Estilos predeterminados" href="/es/write-and-edit/styling/default-styles">
    Establece tu estilo preferido como predeterminado
  </Card>
</CardGroup>