---
title: Como alterar Cores nas Jornadas
description: "Olá, Jornadeir**X**!  Nesse tutorial eu vou te ensinar como alterar **Cores** no mapa da jornada: . 1   No canto superior direito do seu mapa, clique no símbolo destacado na imagem abaixo. . ![](https://lh6.googleusercontent.com/oIFZ3lyT0OFV2yqVNvpdjIlklLX4CwXqBnFEuo1RRJbm-_kWXbItPgCF0_7XSAZ2cf1tKfIVNSUTTrSk02gWBcUElOcj5sCr5QDf1SWHpH7iAotmdssF2FQup_GSoy8TncizrtaS) . 2   Clique dentro do…"
url: "https://blog.peoplexperience.com/docs/como-alterar-cores-no-mapa-da-jornada-do-cliente/"
updated: "2025-10-23"
category: Tutoriais dos Recursos do Plano Beyond
tags:
  - alterar cores no mapa da jornada
  - cor
  - cor no mapa da jornada
  - cores
---

# Como alterar Cores nas Jornadas

Olá, Jornadeir**X**! 

Nesse tutorial eu vou te ensinar como alterar **Cores** no mapa da jornada:

.

1   No canto superior direito do seu mapa, clique no símbolo destacado na imagem abaixo.

.

![](https://lh6.googleusercontent.com/oIFZ3lyT0OFV2yqVNvpdjIlklLX4CwXqBnFEuo1RRJbm-_kWXbItPgCF0_7XSAZ2cf1tKfIVNSUTTrSk02gWBcUElOcj5sCr5QDf1SWHpH7iAotmdssF2FQup_GSoy8TncizrtaS)

.

2   Clique dentro do retângulo indicado abaixo para escolher uma cor de fundo.

.

![](https://lh5.googleusercontent.com/e0XfyUq6j7nBMjoZm_Js3pUSnpw1wfg24x9O8uL-TmcXsGMkN5YxHTyZGAxrl7P8NxNeRNrZBoD7r7Kacsgu0gx2DmuuoTxifCCmu_tCG6FzS5SsBHj1btM4kzSPFcB7DFGHtXCm)

.

3   Você pode escolher a cor de duas maneiras: na barra de cores indicada pela seta 1, clique na cor que você deseja para o plano de fundo e, em seguida, clique no quadro indicado na seta 2 para determinar o tom da cor desejada.

Outra maneira de escolher uma nova cor de fundo é digitando o código da cor no campo destacado por um retângulo amarelo na figura abaixo.

.

![](https://lh6.googleusercontent.com/CgBbrIZu8YSSUvQE_Bvg7hoUrLEsn9BAun0CJokqwIfD6aGj6i57JhWrCHHbEK4vuGFvBzTlfmmFemNVlKA-P3cYnPhJ4b4qR3GToQxRHaAqCU4ZOnI_T610ceUpc6p4peCOkBd1)

.

4   Uma vez escolhida a cor e seu tom, clique em **Aplicar cor de fundo**.

.

![](https://lh3.googleusercontent.com/8-znb_98Tq0ze19svdTtsvxXwYduVYxcOrbJNDGAfqNQ2lGae-bwMY__alLScoWaY2dJUWFXTekIwrOwHdgBU8bSipfT5Fh-wR9oRrSeUiuGONdDYvN6pGzD0qPwXWENjzxYKI1t)

.

5   Pronto! Você alterou a cor de fundo. Agora para alterar a cor do texto, clique no quadro indicado na figura abaixo.

.

![](https://lh4.googleusercontent.com/C0LJTf_em22YCetKv4YP5ooNvwoyISQw6BeD68DOMDpdPZWxr1q3sELHW0QfqImQK5PxKV9VHJtKtf5MljAhATPjKe1GsDSvt8He00-lFI0pWvuRX9iBC96HDneciNGKNWNPeZrC)

.

6   A escolha da cor do texto segue o mesmo procedimento que a escolha da cor de fundo. Clique na barra indicada pela seta 1 para escolher a cor do texto e, em seguida, clique no quadro indicado pela seta 2 para determinar o tom da cor de texto. Você também pode utilizar o código da cor no quadro amarelo destacado na figura abaixo.

.

![](https://lh3.googleusercontent.com/7F1dZzQHCB7eNPk2CvhKODuvqmojHjcaC8mQ7XYu5srGN-OcDtJC5n3ycNblysnOq4j_cU6aU_3x4oA2GWcKEr_FbBa2YKrFAAfVNBk-s18jiaXxe4J-MB9Im6BU2OtdlwWnLJZ8)

.

7   Após escolher a nova cor do seu texto, clique em **Aplicar cor de texto**.

.

![](https://lh4.googleusercontent.com/feJ_1xTZg1pg6aK7vhX00LvnNzMgWVq1ItF1BoNlVlPJF6RPHj9Z12_LjYw-XMLhWnyO9q-PbsGpQxEwxAmN6_UvJ-xnrjl5zkrqtmW94129X73r9YykwzyQ8WO7acFbdvKD_VZH)

.

8   Por fim, clique em **Salvar modificações**.

.

![](https://lh6.googleusercontent.com/x3IrMva4ZbRkL_SQGjYQkcTQ0H02UVsfEWFLBslP4WoUsHibLjml9mqD48ZfbPifogPJ_QmLKo_l-yGM4engWLxNWW-y_dDqNDzX_47fJujIIOJ38_QRCUl8Gr14XzJh-NZKJdND)

.

9   Você também pode alterar as cores de fundo e de texto de um campo por vez, clicando dentro do campo e seguindo os mesmos passos de cores e tons mostrados anteriormente.

.

![](https://lh5.googleusercontent.com/t3RZmgKZPEzAZLpDuTR7shrksET0xB6jXB5qaodF4aOVWKP5MHZBSRZyUd9dZ5kgilXuXBCd_CdeqStTzGHgdYmomUnqaZD_RHqHvYzKwWSX0kc5PE-EZ6rNwmYV6aIqgKPjq2PR)

.

10   Faça a alteração de cores de fundo e de texto em todos os campos que desejar, mas atenção, pois somente os campos com interações dos tipos de interação de rosto, interface de canal, interação de tempo e texto permitem esta edição. As interações dos tipos carregamento de imagem, evolução emocional e mosaico de imagens só permitem alterar a cor de fundo.

.

Nos vemos no próximo tutorial e continue espalhando boas experiências com a ****PeopleXperience****. 💙
.
Dúvidas? Acesse o [FAQ](https://blog.peoplexperience.com/docs/faq/), veja alguns [conteúdos](https://br.peoplexperience.com/tutoriais/) e entre em [contato](https://br.peoplexperience.com/contato/).
.