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.

Elysia Tools

Navigation mobile

Design

Saturation/Désaturation de Couleur

Ajustez la saturation des couleurs et créez des variations de saturation

Exécution

Exécuter cet outil

Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.

Entrées

Renseignez les champs nécessaires, puis lancez l’outil.

6 réglages

RéglagesAjustez formats, plages, nombres et modes.4

Couleur de BasecolorRequisType d'AjustementselectRequisQuantité d'Ajustement (%)rangeOptionnel

-100100

Quantité d'ajustement pour la saturation des couleurs (-100% à +100%)Étapes de DégradénumberOptionnelNe 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)

OptionsActivez ou désactivez les comportements optionnels.2

Inclure Couleurs ComplémentairescheckboxOptionnelActivé si cochéPréserver Caractéristiques de TeintecheckboxOptionnelActivé si coché

Résultat

Prêt à exécuter

Après exécution, les fichiers, textes, données structurées ou sorties en flux apparaîtront ici.

Exemples

Exemples adaptés à cet outil

Associé

Saturation/Désaturation de Couleur

Exécuter cet outil

Entrées

Résultat

Exemples adaptés à cet outil

Continuer avec des outils et dossiers associés

Entrées

Résultat

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Aperçu

Quand l’utiliser

Fonctionnement

Cas d’usage

Exemples

1. Création d'une palette de boutons UI

2. Désaturation pour un design sobre

FAQ

Exemples de codes couleur

Exemples de Traitement d'Images Android Java

Exemples de Traitement d'Images Android Kotlin

Exemples de Traitement d'Images Web Python

Complément de Couleur

Décaleur de Teinte de Couleur

Inverseur de Couleur

Éclaircissement/Abscissement de Couleur

Generateurs d'effets CSS, palettes et design tokens

Outils de Design Couleur et Conversion d'Espaces Colorimétriques

Outils de conversion d'espaces colorimetriques pour web et impression

Outils d audit d accessibilite web et de couleurs accessibles