Mes favoris

Aucun favori pour le moment. Cliquez sur le bouton marque-page d'un outil pour l'ajouter.

Nuances de couleur - Gratuit en Ligne | ToolXHub

Utilisez Nuances de couleur gratuitement en ligne, sans téléchargement. ToolXHub offre des centaines d'outils amusants.

Générateur de nuances de couleurs

Sélectionnez une couleur et générez un dégradé de tons et de nuances. Cliquez sur un échantillon pour copier son code HEX.

Copié !

À propos de cet outil

Nuances de couleur est un outil en ligne gratuit (outil de couleur). Génère des teintes, nuances, couleurs complémentaires et analogues. Parfait pour se concentrer, se détendre ou simplement s'amuser. Tout se passe dans votre navigateur — aucun téléchargement ni inscription.

Entrez une couleur de base (comme #3B82F6), et l'outil génère automatiquement une série de niveaux de couleur de 50 à 900 (similaire au système de couleurs CSS Tailwind). 50 est le plus bas et 900 est le plus profond. Chaque niveau de couleur est obtenu en ajustant la luminosité et la saturation sur la base de la couleur principale.

Algorithme de génération : Dans l'espace couleur HSL, laissez la teinte (H) inchangée et ajustez la luminosité (L) et la saturation (S). Les étapes claires réduisent la saturation et augmentent la luminosité, tandis que les étapes sombres augmentent la saturation et réduisent la luminosité pour assurer une vision uniforme.

Convient à la conception de couleurs dans différents états tels que l'état de survol, l'état enfoncé et l'état désactivé des composants de l'interface utilisateur. Il est également utilisé pour générer des systèmes de couleurs thématiques et des séquences de couleurs pour la visualisation de données. Peut être exporté sous forme de variables CSS, de configurations Tailwind ou de JSON.

Générateur de niveaux de couleur, qui génère automatiquement de multiples variantes de niveaux de lumière à profondeur en fonction d'une couleur principale pour la conception de l'interface utilisateur et la référence de correspondance des couleurs.