← Tous les outils texte

Générateur de palette de couleurs Tailwind

Créez une échelle de couleurs Tailwind CSS 50–950 à partir de la couleur de votre marque, pour v3 ou v4.

  • Gratuit
  • Sans inscription
  • Fonctionne sur tous les appareils

À propos de Générateur de palette de couleurs Tailwind

Saisissez la couleur de votre marque et obtenez une échelle complète de 50 à 950 au format utilisé par Tailwind, prête pour le fichier de configuration en v3 ou les variables de thème en v4. Les nuances claires conviennent aux arrière-plans, 500 correspond à peu près à votre couleur de base, et les plus sombres servent pour le texte et le mode sombre.

Comment utiliser Générateur de palette de couleurs Tailwind

  1. Saisissez la couleur de votre marque sous forme de code HEX.
  2. Choisissez la sortie Tailwind v3 ou v4.
  3. Copiez l'échelle de couleurs de 50 à 950 dans votre configuration Tailwind.

Pourquoi utiliser cet outil ?

Aussi appelé

Questions fréquentes

Où coller les couleurs Tailwind générées ?

En v3, ajoutez-les sous theme.extend.colors dans tailwind.config.js. En v4, collez les variables dans le bloc @theme de votre fichier CSS.

Quelle nuance correspondra à ma couleur d'origine ?

Votre couleur saisie est placée sur l'échelle au palier le plus proche de sa clarté, généralement près de 500. Vérifiez l'aperçu pour voir sur quel numéro elle est tombée.

Quelle est la différence entre la sortie v3 et v4 ?

La version 3 met les couleurs dans le fichier de configuration, tandis que la version 4 utilise des variables de thème CSS. Choisissez celle qui correspond à la version de Tailwind de votre projet.

Générateur de palette de couleurs Tailwind est-il gratuit ?

Oui. Générateur de palette de couleurs Tailwind 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 palette de couleurs Tailwind 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