Passer au contenu
Conception et couleur

Générateur de teintes et de nuances

Créez une échelle de couleurs cohérente à partir d’une couleur de marque.

S'exécute dans votre navigateur100% privéAucun téléchargement
Chargement de l’outil…

Partagez cet outil

Envoyez-le à quelqu'un qui en a besoin.

Xfin
Lire le guide complet

À propos du Générateur de teintes et de nuances

Mélangez une couleur de base vers le blanc et le noir pour générer des teintes et des nuances. Utile pour les états de survol, les bordures, les arrière-plans et les jetons de conception.

Comment l'utiliser

  1. 1Choisissez la couleur de baseN'importe quelle valeur hexadécimale fonctionne.
  2. 2Revoir l'échelleLes teintes deviennent plus claires ; les nuances deviennent plus sombres.
  3. 3Copiez les valeurs hexadécimalesAjoutez-les à votre palette ou à vos variables CSS.

Pourquoi utiliser ce générateur de teintes et de nuances ?

  • Rien ne quitte votre appareil. Le travail se déroule dans l'onglet de votre navigateur. Il n'y a pas de point final de téléchargement dans cette application, donc vos fichiers et votre texte ne peuvent pas être stockés, enregistrés ou vus par nous.
  • Pas d'attente de téléchargement. Vous évitez complètement l’aller-retour vers un serveur. Les résultats sont limités par votre propre processeur, et non par la vitesse du réseau ou la taille de la file d'attente.
  • Gratuit, pas de compte, pas de quotas. Pas de mur d'inscription, pas de filigrane, pas de limite quotidienne. Les comptes facultatifs existent uniquement pour enregistrer les favoris et les préréglages sur tous les appareils.

Questions fréquemment posées

Ma couleur peut-elle être utilisée en toute sécurité ici ?

Oui. Cet outil s'exécute entièrement dans votre navigateur en utilisant JavaScript. Rien de ce que vous collez ou ouvrez n’est envoyé à un serveur et la page n’en conserve aucune copie après sa fermeture.

Dois-je créer un compte ?

Non. Chaque outil est entièrement utilisable sans connexion. Un compte ajoute uniquement des favoris enregistrés et des préréglages réutilisables.

Est-ce que ça marche sur un téléphone ?

Oui. L'interface est avant tout mobile avec de grandes cibles tactiles et une disposition empilée, elle fonctionne donc sur les téléphones et les tablettes ainsi que sur les ordinateurs de bureau.

Quelle est la différence entre une teinte et une nuance ?

Une teinte mélange la couleur avec le blanc ; une nuance le mêle au noir. Les deux réduisent la saturation de différentes manières.

Combien d’étapes une palette doit-elle comporter ?

Cinq à dix étapes par teinte sont courantes. Assurez-vous que les étapes que vous utilisez pour le texte et les arrière-plans ont suffisamment de contraste.

Plus d'utilitaires gratuits du même coin de la boîte à outils.