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

# Personalizando as Cores dos Blocos

> Escolha na paleta de cores de blocos, crie cores de bloco totalmente personalizadas e defina suas próprias cores de bloco padrão no Craft.

As cores de bloco são uma maneira simples de destacar o conteúdo. Elas são perfeitas para chamadas, para organizar seções por cores ou apenas para adicionar personalidade a uma página. A paleta de cores de blocos oferece uma seleção equilibrada de cores cobrindo todo o espectro, e se nenhuma delas for exatamente o que você procura, você pode criar uma cor totalmente personalizada.

## Aplicando uma Cor de Bloco

<Steps>
  <Step title="Selecione um bloco">
    Clique no bloco que você quer colorir ou selecione vários blocos de uma 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="Selecionando um bloco" width="928" height="759" data-path="images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-1.png" />
  </Step>

  <Step title="Abra o painel de Formato">
    Abra a barra lateral direita e selecione a aba **Formato**.
  </Step>

  <Step title="Escolha uma cor de bloco">
    Em **Decorações**, selecione **Bloco** e escolha uma cor na paleta de **Cor**. Passe o cursor sobre qualquer cor para ver o nome dela em uma dica.

    <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="Painel de Formato com decoração de bloco e paleta de cores" width="928" height="759" data-path="images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-2.png" />
  </Step>
</Steps>

A mesma paleta aparece em todos os lugares onde você escolhe cores de bloco, incluindo o menu de barra, então uma cor sempre tem a mesma aparência, não importa de onde você a aplique.

## Escolhendo uma Cor de Bloco Personalizada

Quer um tom que não está na paleta?

<Steps>
  <Step title="Abra o seletor de cores">
    Selecione a opção de cor personalizada no final da paleta de cores de blocos.
  </Step>

  <Step title="Escolha o seu tom">
    Navegue por uma grade de tons, escolha em um espectro ou ajuste com os controles deslizantes.
  </Step>

  <Step title="Ou insira um valor exato">
    Digite um valor RGB ou HSB para uma correspondência precisa. Isso é útil para cores 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" />

## Definindo Suas Próprias Cores de Bloco Padrão

Você também pode substituir qualquer cor da paleta padrão pelo seu próprio tom. Isso é ótimo se você quer a sua cor favorita sempre à mão ou usa uma cor de marca específica em seus documentos.

<Steps>
  <Step title="Abra o menu de contexto em uma cor da paleta">
    Na paleta de cores de blocos, clique com o botão direito (macOS) ou toque e segure (iOS) na cor que você quer substituir.
  </Step>

  <Step title="Personalize a cor">
    Escolha a opção de personalizar a cor e selecione o seu próprio tom no seletor de cores. A paleta agora mostra a sua cor naquela posição, em todos os lugares onde as cores de bloco aparecem.
  </Step>

  <Step title="Redefina quando necessário">
    Para restaurar a cor original, abra o menu de contexto sobre ela novamente e redefina.
  </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="Tabelas e Coleções">
  As tabelas e coleções herdam a cor de bloco definida nelas, então você pode organizar esses blocos por cores da mesma forma que qualquer outro conteúdo.
</Info>

## Artigos Relacionados

<CardGroup cols={2}>
  <Card title="Fundos, Cores e Separadores" href="/pt-BR/write-and-edit/styling/quick-guide">
    Personalize fundos, cores de documento e texto, e separadores
  </Card>

  <Card title="Estilos Padrão" href="/pt-BR/write-and-edit/styling/default-styles">
    Defina seu estilo preferido como padrão
  </Card>
</CardGroup>
