# Éclaircissement/Abscissement de Couleur Ajustez la luminosité des couleurs et créez des variations > Page canonique: https://elysiatools.com/fr/tools/color-lighten-darken - **Catégorie:** Design - **Mots-clés:** couleur, éclaircir, assombrir, luminosité, ajuster, teinte, ombre, ajustement de couleur, luminance ## Présentation Notre outil d'éclaircissement et d'assombrissement de couleur vous permet d'ajuster précisément la luminosité de vos teintes pour créer des palettes harmonieuses, des effets d'ombre ou des variations de design cohérentes. ## Entrées - **Couleur de Base** (color) - **Type d'Ajustement** (select) - **Quantité d'Ajustement (%)** (range): Quantité d'ajustement pour la luminosité 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é (2-20 étapes) - **Inclure Couleurs Complémentaires** (checkbox) - **Préserver Saturation Relative** (checkbox) ## Quand l'utiliser - Créer des variantes de couleurs pour des états de survol (hover) ou des boutons. - Générer des palettes de couleurs dégradées à partir d'une couleur de base unique. - Ajuster la luminance d'une couleur pour assurer un meilleur contraste visuel. ## Fonctionnement - Sélectionnez votre couleur de base via le sélecteur intégré. - Choisissez le type d'ajustement souhaité : éclaircir, assombrir, ou générer un dégradé complet. - Ajustez le pourcentage d'intensité ou le nombre d'étapes pour obtenir le résultat souhaité. - Copiez les codes hexadécimaux générés pour les utiliser directement dans vos projets. ## Cas d'usage - Conception d'interfaces utilisateur (UI) avec des variantes de boutons. - Création de thèmes graphiques cohérents pour des présentations ou des sites web. - Développement de systèmes de design (Design Systems) basés sur une couleur primaire. ## Questions fréquentes ### Puis-je créer des dégradés automatiques ? Oui, sélectionnez l'option 'Dégradé' et définissez le nombre d'étapes souhaité pour générer une séquence de couleurs. ### L'outil modifie-t-il la saturation ? Par défaut, l'outil préserve la saturation relative pour garantir que la teinte reste fidèle à l'originale lors de l'ajustement de la luminosité. ### Quels formats de sortie sont disponibles ? L'outil génère des codes couleurs hexadécimaux prêts à être copiés pour le web et le design. ### Puis-je inclure des couleurs complémentaires ? Oui, une option dédiée permet d'inclure automatiquement les couleurs complémentaires dans votre palette générée. ### Quelle est la plage d'ajustement possible ? Vous pouvez ajuster la luminosité de -100% (noir total) à +100% (blanc total) par paliers de 5%. ## 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é - [Saturation/Désaturation de Couleur](https://elysiatools.com/fr/tools/color-saturate-desaturate): Ajustez la saturation des couleurs et créez des variations de saturation - [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 - [Couleurs Analogues](https://elysiatools.com/fr/tools/color-analogous): Générer des schémas de couleurs analogues harmonieux avec des couleurs adjacentes sur la roue chromatique, créant des combinaisons unifiées et paisibles ## 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.