---
title: Utilisez le sélecteur de couleurs
description: Le dialogue Sélecteur de couleurs vous offre un large éventail d'options pour définir la couleur parfaite pour les entités, les étiquettes et le fond de votre carte.
---

[Skip to content](https://knowledge.cartovista.com/fr/utilisez-le-sélecteur-de-couleurs#main-content)

English

Show submenu for translations

![cartovista-logo (1).png\]](https://knowledge.cartovista.com/hs-fs/hubfs/cartovista-logo%20(1).png?height=40&name=cartovista-logo%20(1).png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- Go to cartovista.com

 Go to cartovista.com

 You have reached the CartoVista v7 knowledge base. How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://knowledge.cartovista.com/?hsLang=en)
2. [Features](https://knowledge.cartovista.com/features?hsLang=en)
3. [CartoVista Publisher](https://knowledge.cartovista.com/features?hsLang=en#cartovista-publisher)

# Utilisez le sélecteur de couleurs

## Le dialogue Sélecteur de couleurs vous offre un large éventail d'options pour définir la couleur parfaite pour les entités, les étiquettes et le fond de votre carte.

     Ce dialogue est divisé en plusieurs sections :  
          - [Boîte de gradient de couleur](https://knowledge.cartovista.com/fr/utilisez-le-sélecteur-de-couleurs#gradient),  
          - [TSB - Teinte / Saturation / Luminosité](https://knowledge.cartovista.com/fr/utilisez-le-sélecteur-de-couleurs#TSB),  
          - [RVB - Rouge / Vert / Bleu](https://knowledge.cartovista.com/fr/utilisez-le-sélecteur-de-couleurs#rvb),  
          - [CMJN - Cyan / Magenta / Jaune / Noir](https://knowledge.cartovista.com/fr/utilisez-le-sélecteur-de-couleurs#cmjn),  
          - [Couleurs de thème et Couleurs de base](https://knowledge.cartovista.com/fr/utilisez-le-sélecteur-de-couleurs#theme),  
          - [Couleurs personnalisées](https://knowledge.cartovista.com/fr/utilisez-le-sélecteur-de-couleurs#perso),  
          - [Sélecteur de couleurs](https://knowledge.cartovista.com/fr/utilisez-le-sélecteur-de-couleurs#selecteur),  
          - [Accessibilité](https://knowledge.cartovista.com/fr/utilisez-le-sélecteur-de-couleurs#access),

![color-picker](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/color-picker-1.png?width=632&name=color-picker-1.png)

#### Boîte de gradient de couleur

     Cliquez et faites déplacer **le cercle blanc**. Les trois différentes façons de représenter numériquement une couleur (TSB, RVB et CMJN) s'ajustent automatiquement. Vous pouvez également ajuster des aspects spécifiques de la couleur à l'aide des propriétés situées sous la boîte du gradient. Modifiez directement une valeur ou utilisez les boutons de sélection.

![color](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/color-2.png?width=357&name=color-2.png)

#### TSB - Teinte / Saturation / Luminosité

     La **teinte** est un degré sur la roue chromatique, de 0° à 360° : 0° est rouge, 120° est vert, 240° est bleu.

![hue](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/hue-1.png?width=288&name=hue-1.png)

     La **saturation** est une valeur en pourcentage : 0 % correspond à une nuance de gris et 100 % à la couleur complète.

![saturation](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/saturation-1.png?width=288&name=saturation-1.png)

     La **luminosité** est une valeur en pourcentage : 0% est noir, 100% est blanc.

![brightness](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/brightness-1.png?width=288&name=brightness-1.png)

#### RVB - Rouge / Vert / Bleu

     Chaque paramètre définit l'intensité de la couleur respective sous la forme d'un nombre entier compris entre 0 et 255. Les écrans d'ordinateur affichent les couleurs en utilisant les valeurs de couleur **RVB.**

![rgb](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/rgb-1.png?width=98&name=rgb-1.png)

     Les valeurs **RVB** peuvent être représentées par une seule valeur hexadécimale. Une valeur est spécifiée en utilisant **#RRVVBB** avec des valeurs hexadécimales RR (rouge), VV (vert) et BB (bleu) comprises entre 00 (valeur la plus faible) et FF (valeur la plus élevée).

![color-code](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/color-code-1.png?width=100&name=color-code-1.png)

#### CMJN - Cyan / Magenta / Jaune / Noir

     Chaque paramètre définit l'intensité de la couleur respective sous la forme d'un pourcentage compris entre 0 et 100. Les imprimeurs présentent souvent les couleurs à l'aide des valeurs de couleur CMJN.

![cmyk](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/cmyk-1.png?width=104&name=cmyk-1.png)

#### Couleurs de thème et Couleurs de base

     Sélectionnez l'une des **couleurs prédéfinies** du thème ou des **couleurs de base**.  
![theme-colors](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/theme-colors-1.png?width=251&name=theme-colors-1.png)

#### Couleurs personnalisées

     Sélectionnez l'une de vos propres **couleurs personnalisées**. Sélectionnez une case de couleur dans la section des **couleurs personnalisées**, créez une couleur à l'aide de la case du dégradé de couleurs ou des codes de couleur et cliquez sur **Ajouter une couleur aux couleurs personnalisées** pour enregistrer une couleur que vous souhaitez réutiliser à l'avenir.

![custom-color](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/custom-color-1.png?width=251&name=custom-color-1.png)

#### Sélecteur de couleurs

![color-picker](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/color-picker-2.png?width=23&name=color-picker-2.png)     

     Cliquez sur l'icône de la **pipette.** Déplacez ensuite la souris sur votre écran. La couleur située sous la souris apparaît dans la partie supérieure de la fenêtre contextuelle et une vue agrandie de l'endroit où se trouve la souris apparaît dans la partie inférieure.

![color-picker-pixel](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/color-picker-pixel-1.png?width=166&name=color-picker-pixel-1.png)

#### Accessibilité

     Environ 8 % des hommes et 0,5 % des femmes sont nés avec une forme de daltonisme. Utilisez les options d'accessibilité pour vous aider à sélectionner les couleurs.

![accessibility](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/accessibility-1.png?width=606&name=accessibility-1.png)

 

#### Analyse des couleurs

    Utilisez les statistiques de l'analyse des couleurs pour obtenir une couleur respectant les directives d'accessibilité aux contenus Web (WCAG) 2.0 niveau AA.

- **Rapport de Contraste** : Rapport entre la couleur de premier plan et la couleur d'arrière-plan en utilisant les valeurs de luminance des couleurs.
- **Rapport de luminosité** : La luminosité des couleurs est déterminée par la formule suivante :((valeur rouge X 299) + (valeur verte X 587) + (valeur bleue X 114)) / 1000  
  Remarque : cet algorithme est tiré d'une formule de conversion des valeurs RVB en valeurs YIQ. Cette valeur de luminosité donne une luminosité perçue pour une couleur. La plage pour la différence de luminosité des couleurs est de 125.
- **Différence de luminosité** : Vous obtenez une différence de luminosité en soustrayant la valeur de luminosité de l'arrière-plan de la valeur de luminosité du texte :  
  luminosité du texte - luminosité de l'arrière-plan = différence de luminosité  
  Si l'arrière-plan est plus lumineux que le texte, par exemple un texte noir sur fond blanc, la différence de luminosité sera, bien entendu, un nombre négatif. Avec un texte de 10 pts, les résultats qui se situent en dehors d'une fourchette de -80 à 80 dans la différence de luminosité sont moyennement lisibles.
- **Différence de couleur** : La différence de couleur est déterminée par la formule suivante :  
  (maximum (valeur rouge 1, valeur rouge 2) - minimum (valeur rouge 1, valeur rouge 2)) +  
  (maximum (valeur verte 1, valeur rouge 2) - minimum (valeur verte 1, valeur rouge 2)) +  
  (maximum (valeur bleue 1, valeur rouge 2) - minimum (valeur bleue 1, valeur rouge 2))  
  La fourchette pour la différence de couleur est de 500.
- **Conforme au WCAG 2 AA** : Le rapport de contraste des couleurs passe de 1:1 (aucun contraste, par exemple un texte noir sur un fond noir) à 21:1 (contraste maximal, par exemple un texte noir sur un fond blanc). Pour être conforme à la norme AA, le rapport doit être de 4,5:1 ou plus.
  
  ![accessibility](https://knowledge.cartovista.com/hs-fs/hubfs/Knowledge%20Base%20Import/accessibility-1.png?width=606&name=accessibility-1.png)

 

- [Features](https://knowledge.cartovista.com/features?hsLang=en#main-content)

    - [Introduction to CartoVista](https://knowledge.cartovista.com/features?hsLang=en#introduction-to-cartovista)
    - [Territory Manager](https://knowledge.cartovista.com/features?hsLang=en#territory-manager)
    - [Microsoft Active Directory Support](https://knowledge.cartovista.com/features?hsLang=en#microsoft-active-directory-support)
    - [CartoVista Viewer](https://knowledge.cartovista.com/features?hsLang=en#cartovista-viewer)
    - [CartoVista Publisher](https://knowledge.cartovista.com/features?hsLang=en#cartovista-publisher)
    - [CartoVista Server](https://knowledge.cartovista.com/features?hsLang=en#cartovista-server)
    - [Online Editing](https://knowledge.cartovista.com/features?hsLang=en#online-editing)
    - [Grid Layers](https://knowledge.cartovista.com/features?hsLang=en#grid-layers)
    - [CartoVista Server REST API](https://knowledge.cartovista.com/features?hsLang=en#cartovista-server-rest-api)
    - [Scoring Analysis](https://knowledge.cartovista.com/features?hsLang=en#scoring-analysis)
- [How To](https://knowledge.cartovista.com/how-to?hsLang=en#main-content)

    - [Maps](https://knowledge.cartovista.com/how-to?hsLang=en#maps)
    - [Tiles](https://knowledge.cartovista.com/how-to?hsLang=en#tiles)
    - [Data](https://knowledge.cartovista.com/how-to?hsLang=en#data)
    - [Users and permissions](https://knowledge.cartovista.com/how-to?hsLang=en#users-and-permissions)
    - [License Keys](https://knowledge.cartovista.com/how-to?hsLang=en#license-keys)
- [Release Notes](https://knowledge.cartovista.com/release-notes?hsLang=en#main-content)

    - [Version 6](https://knowledge.cartovista.com/release-notes?hsLang=en#version-6)
    - [Version 7](https://knowledge.cartovista.com/release-notes?hsLang=en#version-7)
- [Cloud Permit](https://knowledge.cartovista.com/cloud-permit?hsLang=en)
- [FAQ](https://knowledge.cartovista.com/faq?hsLang=en)
- [Quick Start](https://knowledge.cartovista.com/quick-start?hsLang=en#main-content)

    - [Add your data](https://knowledge.cartovista.com/quick-start?hsLang=en#add-your-data)
    - [Get your dataset ready](https://knowledge.cartovista.com/quick-start?hsLang=en#get-your-dataset-ready)
    - [Build your map](https://knowledge.cartovista.com/quick-start?hsLang=en#build-your-map)
    - [Get Ready](https://knowledge.cartovista.com/quick-start?hsLang=en#get-ready)
    - [Publish your map](https://knowledge.cartovista.com/quick-start?hsLang=en#publish-your-map)

[![CartoVista](https://knowledge.cartovista.com/hs-fs/hubfs/cartovista.png?width=200&height=40&name=cartovista.png "CartoVista")](https://cartovista.com/)

This is CartoVista v7 Help Center.  
For the latest documentation on CartoVista Cloud v8, visit [cartovista.com/docs](https://cartovista.com/docs/)  
For assistance, visit [cartovista.com/technical-support](https://cartovista.com/technical-support/)

Copyright © 2026, CartoVista