Toolipedia Intégrer
FR
← Tous les outils texte

Générateur de teintes et nuances

Teintes plus claires, nuances plus sombres et tons plus doux de n'importe quelle couleur, avec variables CSS.

  • Gratuit
  • Sans inscription
  • Fonctionne sur tous les appareils

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

Partez d'une couleur et obtenez des teintes plus claires (mélangées avec du blanc), des nuances plus sombres (mélangées avec du noir) et des tons plus doux (mélangés avec du gris). Les étapes sont fournies sous forme de variables CSS prêtes pour une feuille de style. Ces familles servent de base aux états de survol, aux bordures, aux arrière-plans et aux boutons désactivés.

Comment utiliser Générateur de teintes et nuances

  1. Saisissez votre couleur de base sous forme de code HEX ou choisissez-la.
  2. Regardez les teintes plus claires, les nuances plus foncées et les tons plus doux.
  3. Copiez des couleurs individuelles ou les variables CSS pour l'ensemble complet.

Pourquoi utiliser cet outil ?

Aussi appelé

Questions fréquentes

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

Une teinte claire est une couleur mélangée à du blanc : elle s'éclaircit. Une nuance sombre est la couleur mélangée à du noir : elle s'assombrit. Un ton est mélangé à du gris.

Comment nommer les variables CSS de mes nuances ?

Utilisez une échelle numérotée comme 100 à 900, où les petits nombres sont clairs et les grands foncés. Cela garde les noms courts et faciles à étendre.

À quoi servent les tons plus doux ?

Les tons mélangent la couleur avec du gris, ce qui diminue son intensité. Ils conviennent aux arrière-plans, aux bordures et aux éléments d'interface discrets où une couleur pure serait trop forte.

Générateur de teintes et nuances est-il gratuit ?

Oui. Générateur de teintes et nuances est gratuit sur Toolipedia, sans inscription et sans filigrane.

Est-ce sûr ?

Oui. Tous les calculs se font dans votre navigateur et rien de ce que vous saisissez n’est envoyé à notre serveur.

Est-ce que ça fonctionne sur mon téléphone ?

Oui. L’outil fonctionne dans tout navigateur récent sur Android et iPhone, ainsi que sur tablette et ordinateur. Il n’y a rien à installer.

Faut-il un compte ?

Non. Ouvrez simplement la page et utilisez l’outil. Aucune inscription ni adresse e-mail n’est nécessaire.

Puis-je mettre Générateur de teintes et nuances sur mon propre site ?

Oui. Utilisez le bouton « Intégrer sur votre site » sous l'outil pour copier un court extrait de code et le coller dans votre page. C'est gratuit, sans compte, et l'outil continue de fonctionner dans votre page.

Outils similaires