# Décaleur de Teinte de Couleur Ajustez la teinte des couleurs et créez des variations avec des contrôles de rotation horaire/antihoraire > Page canonique: https://elysiatools.com/fr/tools/color-hue-shifter - **Catégorie:** Design - **Mots-clés:** couleur, teinte, décalage, rotation, roue, ajustement, teinte, ombre, ajustement de couleur ## Présentation Le Décaleur de Teinte de Couleur est un outil de précision conçu pour manipuler la roue chromatique, vous permettant d'ajuster facilement la teinte de vos couleurs de base et de générer des palettes harmonieuses en quelques clics. ## Entrées - **Couleur de Base** (color) - **Type d'Ajustement** (select) - **Quantité de Décalage de Teinte (degrés)** (range): Quantité de décalage de teinte pour la rotation des couleurs (0° à 360°) - **Étapes de Dégradé** (number): Ne s'applique que lorsque "Dégradé (roue complète)" est sélectionné. Contrôle le nombre de couleurs à générer dans la séquence de dégradé de teinte (2-20 étapes) - **Inclure Couleurs Complémentaires** (checkbox) - **Préserver la Valeur de Luminosité** (checkbox) ## Quand l'utiliser - Pour créer des variations de couleurs cohérentes à partir d'une teinte principale pour vos interfaces utilisateur. - Pour générer rapidement des schémas de couleurs complémentaires ou des dégradés basés sur une rotation de teinte spécifique. - Pour ajuster précisément la tonalité d'une couleur tout en conservant sa luminosité et son intensité d'origine. ## Fonctionnement - Sélectionnez votre couleur de base via le sélecteur intégré. - Choisissez le type d'ajustement souhaité, comme une rotation horaire, antihoraire ou la création d'un dégradé complet. - Ajustez la valeur du décalage en degrés ou définissez le nombre d'étapes pour générer une séquence de couleurs. - Appliquez des options supplémentaires comme la préservation de la luminosité pour garantir une uniformité visuelle. ## Cas d'usage - Création de systèmes de design (Design Systems) avec des variations de teintes pour les états de survol ou les boutons. - Génération automatique de palettes de couleurs pour des graphiques ou des visualisations de données. - Expérimentation rapide de thèmes chromatiques pour des projets graphiques sans modifier la saturation ou la luminosité. ## Questions fréquentes ### Puis-je conserver la luminosité de ma couleur d'origine ? Oui, en activant l'option 'Préserver la Valeur de Luminosité', l'outil ajuste uniquement la teinte tout en maintenant la valeur de luminosité constante. ### Quelle est la différence entre une rotation horaire et antihoraire ? La rotation horaire déplace la teinte vers la droite sur la roue chromatique (vers les tons chauds ou froids selon la position), tandis que l'antihoraire déplace la teinte vers la gauche. ### Comment générer un dégradé complet ? Sélectionnez l'option 'Dégradé (Roue complète)' et définissez le nombre d'étapes souhaité entre 2 et 20 pour obtenir une séquence de couleurs répartie sur 360 degrés. ### L'outil inclut-il automatiquement les couleurs complémentaires ? Oui, vous pouvez activer l'option 'Inclure Couleurs Complémentaires' pour générer automatiquement la couleur opposée sur la roue chromatique. ### Le décalage de teinte est-il précis ? Absolument, vous pouvez définir le décalage exact en degrés (de 0° à 360°) avec un pas de 5° pour un contrôle total sur le résultat final. ## Outils associés - [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 - [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 - [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 - [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 - [Outil de Tétrade de Couleurs](https://elysiatools.com/fr/tools/color-tetrad): Générer des schémas de couleurs tétradiques avec quatre couleurs disposées en motifs rectangulaires sur la roue chromatique, créant des relations de couleurs riches et complexes - [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 ## 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.