# Saturation/Désaturation de Couleur Ajustez la saturation des couleurs et créez des variations de saturation > Page canonique: https://elysiatools.com/fr/tools/color-saturate-desaturate - **Catégorie:** Design - **Mots-clés:** couleur, saturation, désaturation, vibrance, intensité, ajuster, teinte, ajustement de couleur, chroma ## Présentation Cet outil en ligne vous permet d'ajuster précisément la saturation de vos couleurs, offrant un contrôle total sur l'intensité chromatique pour vos projets de design, de web ou d'illustration. ## Entrées - **Couleur de Base** (color) - **Type d'Ajustement** (select) - **Quantité d'Ajustement (%)** (range): Quantité d'ajustement pour la saturation des couleurs (-100% à +100%) - **Étapes de Dégradé** (number): Ne s'applique que lorsque "Dégradé (plage complète)" est sélectionné. Contrôle le nombre de couleurs à générer dans la séquence de dégradé de saturation (2-20 étapes) - **Inclure Couleurs Complémentaires** (checkbox) - **Préserver Caractéristiques de Teinte** (checkbox) ## Quand l'utiliser - Pour harmoniser une palette de couleurs en ajustant leur intensité globale. - Pour créer des variations subtiles ou des dégradés de saturation à partir d'une couleur de base. - Pour préparer des éléments graphiques en désaturant des couleurs trop vives afin d'améliorer la lisibilité. ## Fonctionnement - Sélectionnez votre couleur de base via le sélecteur intégré. - Choisissez le type d'ajustement souhaité (saturer, désaturer, ou générer un dégradé). - Ajustez la quantité d'intensité via le curseur de pourcentage. - Validez pour obtenir instantanément vos nouvelles nuances de couleurs. ## Cas d'usage - Création de palettes UI cohérentes pour des interfaces web modernes. - Préparation de ressources graphiques pour des designs minimalistes ou monochromes. - Ajustement rapide de l'intensité de logos ou d'icônes pour respecter une charte graphique. ## Questions fréquentes ### Quelle est la différence entre saturer et désaturer ? Saturer augmente l'intensité et la vivacité de la couleur, tandis que désaturer la rapproche du gris, la rendant plus neutre et douce. ### Puis-je générer plusieurs nuances à la fois ? Oui, en sélectionnant l'option 'Dégradé', vous pouvez définir le nombre d'étapes pour créer une séquence de couleurs allant de la saturation totale à la désaturation. ### La teinte de ma couleur sera-t-elle modifiée ? Non, si l'option 'Préserver caractéristiques de teinte' est activée, seul le niveau de saturation change, garantissant que la couleur reste fidèle à sa teinte d'origine. ### Quelles valeurs puis-je utiliser pour l'ajustement ? Vous pouvez ajuster la saturation de -100 % (gris complet) à +100 % (saturation maximale) par paliers de 5 %. ### L'outil prend-il en compte les couleurs complémentaires ? Oui, vous pouvez activer l'option 'Inclure couleurs complémentaires' pour générer automatiquement des variations basées sur la couleur opposée sur le cercle chromatique. ## Outils associés - [Complément de Couleur](https://elysiatools.com/fr/tools/color-complement): Trouver des couleurs complémentaires et créer des schémas harmonieux avec des relations triadiques, tétradriques et analogues - [Décaleur de Teinte de Couleur](https://elysiatools.com/fr/tools/color-hue-shifter): Ajustez la teinte des couleurs et créez des variations avec des contrôles de rotation horaire/antihoraire - [Inverseur de Couleur](https://elysiatools.com/fr/tools/color-inverter): Inverser les couleurs et créer des versions négatives avec des méthodes RGB, HSL et inversion de luminosité - [Éclaircissement/Abscissement de Couleur](https://elysiatools.com/fr/tools/color-lighten-darken): Ajustez la luminosité des couleurs et créez des variations - [Générateur d'Ombres de Couleur](https://elysiatools.com/fr/tools/color-shade): Générez des variations plus foncées d'une couleur en ajoutant du noir, créant des ombres riches pour la profondeur et le contraste dans le design - [Générateur de Teintes](https://elysiatools.com/fr/tools/color-tint): Générez des variations plus claires d'une couleur en ajoutant du blanc, créant des teintes vives et aériennes pour des esthétiques design fraîches - [Générateur de Couleurs Néon](https://elysiatools.com/fr/tools/neon-colors): Générez des couleurs néon vibrantes et lumineuses avec une saturation et une luminosité élevées, créant des effets de lumière électrique accrocheurs parfaits pour les affichages numériques et le design moderne - [Générateur de Couleurs Pastel](https://elysiatools.com/fr/tools/pastel-colors): Générez des couleurs pastel douces et légères avec une saturation réduite et une luminosité accrue pour créer des palettes délicates et apaisantes ## Exemples - [Exemples de codes couleur](https://elysiatools.com/fr/samples/color-code): Collection de codes de couleur dans différents formats (Hex, RGB, HSL, couleurs nommées) pour les tests de validation - [Exemples de Traitement d'Images Android Java](https://elysiatools.com/fr/samples/android-image-processing-java): Exemples de traitement d'images Android Java incluant lecture/écriture, mise à l'échelle et conversion de format - [Exemples de Traitement d'Images Android Kotlin](https://elysiatools.com/fr/samples/android-image-processing-kotlin): Exemples de traitement d'images Android Kotlin incluant lecture/écriture, mise à l'échelle et conversion de format - [Exemples de Traitement d'Images Web Python](https://elysiatools.com/fr/samples/web-image-processing-python): Exemples de traitement d'images Web Python utilisant PIL/Pillow incluant la lecture, l'enregistrement, le redimensionnement et la conversion de format ## Contenu associé - [Outils pour un système de couleurs accessible](https://elysiatools.com/fr/hubs/color-design-tools): Construisez un système de couleurs réutilisable en transformant les couleurs, générant des harmonies, vérifiant le contraste et documentant les tokens. - [Workflow de systeme coloré et d'effets CSS](https://elysiatools.com/fr/hubs/design-generate): Extraire une palette, construire des relations accessibles, générer des tokens et appliquer des effets CSS cohérents sur de vrais états d'interface.