---
title: Gestion des couleurs de votre site
description: Accédez facilement à votre site et gérez rapidement vos paramètres grâce à notre guide étape par étape.
---

[Passer au contenu](https://help.cleverconnect.com/fr/gestion-des-couleurs-de-votre-site#main-content)

- [Français](https://help.cleverconnect.com/fr/gestion-des-couleurs-de-votre-site)
- [Deutsch](https://help.cleverconnect.com/de/verwalten-der-seitenfarben)
- [English](https://help.cleverconnect.com/en/knowledgebase/managing-your-site-colors)

Français

Afficher le sous-menu pour les traductions

[Plus de support](https://help.cleverconnect.com/fr/kb-tickets/new?hsLang=fr)

![CC\_Logo\_Colors](https://help.cleverconnect.com/hs-fs/hubfs/CC_Logo_Colors.png?width=200&height=41&name=CC_Logo_Colors.png)

- [Base de connaissances](https://help.cleverconnect.com/fr/)
- Produit
  
  Afficher le sous-menu pour Produit

    - [Cooptation & Mobilité Interne](https://help.cleverconnect.com/fr/cooptation-mobilit%C3%A9-interne)
    - [Candidate Relationship Management](https://help.cleverconnect.com/fr/candidate-relationship-management)
    - [Vidéo Interview - Recruteur](https://help.cleverconnect.com/fr/interview-vid%C3%A9o-recruteur)
    - [Vidéo Interview - Candidat](https://help.cleverconnect.com/fr/video-interview-candidat)
- [Portail Support](https://portal.cleverconnect.com/tickets-view)
- [Se déconnecter](https://portal.cleverconnect.com/_hcms/mem/logout)

Ouvrir la navigation principale

Fermer la navigation principale

- [Base de connaissances](https://help.cleverconnect.com/fr/)
- Produit
  
  Afficher le sous-menu pour Produit

    - [Cooptation & Mobilité Interne](https://help.cleverconnect.com/fr/cooptation-mobilit%C3%A9-interne)
    - [Candidate Relationship Management](https://help.cleverconnect.com/fr/candidate-relationship-management)
    - [Vidéo Interview - Recruteur](https://help.cleverconnect.com/fr/interview-vid%C3%A9o-recruteur)
    - [Vidéo Interview - Candidat](https://help.cleverconnect.com/fr/video-interview-candidat)
- [Portail Support](https://portal.cleverconnect.com/tickets-view)
- [Se déconnecter](https://portal.cleverconnect.com/_hcms/mem/logout)
- - [Français](https://help.cleverconnect.com/fr/gestion-des-couleurs-de-votre-site)
    - [Deutsch](https://help.cleverconnect.com/de/verwalten-der-seitenfarben)
    - [English](https://help.cleverconnect.com/en/knowledgebase/managing-your-site-colors)

  Français
  
  Afficher le sous-menu pour les traductions
- [Plus de support](https://help.cleverconnect.com/fr/kb-tickets/new)
- [Créer un ticket](https://portal.cleverconnect.com/tickets-view/new?)

[Créer un ticket](https://portal.cleverconnect.com/tickets-view/new?hsLang=fr)

 Comment pouvons-nous vous aider ?

- Il n'y a aucune suggestion car le champ de recherche est vide.

1. [Cleverconnect CXP](https://help.cleverconnect.com/fr?hsLang=fr)
2. [Site carrière](https://help.cleverconnect.com/fr/site-carri%C3%A8re?hsLang=fr)
3. [Design & Branding](https://help.cleverconnect.com/fr/site-carri%C3%A8re?hsLang=fr#design-branding)

# Gestion des couleurs de votre site

## Définissez vos couleurs de marque dans l'onglet Design pour personnaliser facilement vos pages et blocs.

Dans cet onglet, vous pouvez ajouter les couleurs de votre charte graphique afin de les sélectionner facilement lors de la modification de vos pages et blocs.

Il est important de les configurer dès la création de votre site.

![Capture d'écran de l'onglet des couleurs de la charte graphique](https://help.cleverconnect.com/hs-fs/hubfs/Knowledge%20Base%20Import/undefined-Jan-15-2026-10-52-23-3808-AM-2.png?width=670&height=176&name=undefined-Jan-15-2026-10-52-23-3808-AM-2.png)

 

Lorsque vous souhaitez ajouter ou modifier une couleur, un panneau de contrôle apparaît. Dans ce panneau, vous pouvez :

![Capture d'écran du panneau de contrôle des couleurs](https://help.cleverconnect.com/hs-fs/hubfs/Knowledge%20Base%20Import/image-png-Jan-15-2026-10-53-08-1439-AM-2.png?width=670&height=305&name=image-png-Jan-15-2026-10-53-08-1439-AM-2.png)

Dans ce panneau, vous pouvez :

- **Personnaliser le titre de la couleur**
- **Sélectionner une couleur à partir du tableau de dégradés**
- **Rechercher les composantes RVB (Rouge, Vert, Bleu)**
- **Utiliser un code hexadécimal (exemple pour le vert pur : #00FF00)**

**Bon à savoir :**   
La couleur principale ne peut pas être supprimée et son nom ne peut pas être modifié.

 

Une fois cette configuration terminée, vos couleurs apparaîtront automatiquement dans les **blocs de modification de votre CMS.**

![Capture d'écran des blocs de modification du CMS affichant les couleurs configurées](https://help.cleverconnect.com/hs-fs/hubfs/Knowledge%20Base%20Import/image-png-Jan-15-2026-10-55-06-2564-AM-2.png?width=405&height=801&name=image-png-Jan-15-2026-10-55-06-2564-AM-2.png)

 

 

- [Site carrière](https://help.cleverconnect.com/fr/site-carri%C3%A8re?hsLang=fr#main-content)

    - [Général & Configuration](https://help.cleverconnect.com/fr/site-carri%C3%A8re?hsLang=fr#g%C3%A9n%C3%A9ral-configuration)
    - [Gestion de votre site](https://help.cleverconnect.com/fr/site-carri%C3%A8re?hsLang=fr#gestion-de-votre-site)
    - [Design & Branding](https://help.cleverconnect.com/fr/site-carri%C3%A8re?hsLang=fr#design-branding)
- [Cooptation & mobilité interne](https://help.cleverconnect.com/fr/cooptation-mobilit%C3%A9-interne?hsLang=fr#main-content)

    - [Sécurité des données](https://help.cleverconnect.com/fr/cooptation-mobilit%C3%A9-interne?hsLang=fr#s%C3%A9curit%C3%A9-des-donn%C3%A9es)
- [Candidate Relationship Management](https://help.cleverconnect.com/fr/candidate-relationship-management?hsLang=fr#main-content)

    - [Talents](https://help.cleverconnect.com/fr/candidate-relationship-management?hsLang=fr#talents)
    - [Domaines de talents](https://help.cleverconnect.com/fr/candidate-relationship-management?hsLang=fr#domaines-de-talents)
    - [Général](https://help.cleverconnect.com/fr/candidate-relationship-management?hsLang=fr#g%C3%A9n%C3%A9ral)
    - [Campagnes](https://help.cleverconnect.com/fr/candidate-relationship-management?hsLang=fr#campagnes)
- [Interview vidéo - Recruteur](https://help.cleverconnect.com/fr/interview-vid%C3%A9o-recruteur?hsLang=fr#main-content)

    - [Guide étape par étape](https://help.cleverconnect.com/fr/interview-vid%C3%A9o-recruteur?hsLang=fr#guide-%C3%A9tape-par-%C3%A9tape)
    - [Mon compte](https://help.cleverconnect.com/fr/interview-vid%C3%A9o-recruteur?hsLang=fr#mon-compte)
    - [Invitation et partage](https://help.cleverconnect.com/fr/interview-vid%C3%A9o-recruteur?hsLang=fr#invitation-et-partage)
    - [Campagne](https://help.cleverconnect.com/fr/interview-vid%C3%A9o-recruteur?hsLang=fr#campagne)
- [Video Interview - Candidat](https://help.cleverconnect.com/fr/video-interview-candidat?hsLang=fr#main-content)

    - [Equipement](https://help.cleverconnect.com/fr/video-interview-candidat?hsLang=fr#equipement)
    - [Informations Utiles](https://help.cleverconnect.com/fr/video-interview-candidat?hsLang=fr#informations-utiles)
    - [Ma Vidéo](https://help.cleverconnect.com/fr/video-interview-candidat?hsLang=fr#ma-vid%C3%A9o)

[![CC\_Logo\_Colors (1)](https://help.cleverconnect.com/hs-fs/hubfs/CC_Logo_Colors%20(1).png?width=200&height=41&name=CC_Logo_Colors%20(1).png "CC_Logo_Colors (1)")](http://cleverconnect.com)

© Copyright 2025 | CleverConnect. Tous droits réservés. | [Mentions légales](https://www.cleverconnect.com/legal-notice) | [Politique de confidentialité](https://www.cleverconnect.com/privacy-policy) |<https://www.cleverconnect.com/privacy-policy>

<https://www.youtube.com/@CleverConnect> <https://www.instagram.com/_cleverconnect/> <https://www.linkedin.com/company/cleverconnect/posts/?feedView=all> [mailto:contact@cleverconnect.com](mailto:contact@cleverconnect.com)