Rechercher
500
Liste
Nuances intermédiaires correspondantes dans chaque gamme
Outils de design
Aide-mémoire des couleurs Tailwind — Nuancier complet
Parcourez les échelles de couleurs CSS Tailwind (y compris 50 à 950 étapes) sur un seul tableau. Recherchez par nom, échelle ou HEX, puis copiez les noms de classe utilitaires ou les valeurs HEX brutes pour les projets CSS.
ConceptionTailwindCSS
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
设计配色
Aide-mémoire des couleurs Tailwind
🔍
当前选中：
- 显示 0 / 0
Cas d’usage
- Comparez l'indigo-900 et l'émeraude-400 sur un seul écran
- Copier les noms de classe bg-/text-/border- lors de la création de l'interface utilisateur
- Récupérer les valeurs HEX pour les CSS non-Tailwind
Mode d’emploi
- Rechercher par nom de couleur, échelle ou HEX
- Choisissez un préfixe de classe et un mode de copie (classe ou HEX)
- Cliquez sur un échantillon pour le copier ou copiez la liste visible
Exemples d’entrée et de sortie
FAQ
De quelle palette Tailwind s'agit-il ?
Elle reflète les échelles par défaut officielles courantes utilisées dans les valeurs par défaut récentes de Tailwind, y compris les familles neutres.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Couleurs CSS nommées
Couleurs CSS nommées — Recherche de nom de couleur standard
Parcourez les couleurs nommées W3C/CSS et leurs valeurs. Filtrez par mot-clé ou par famille, puis copiez le nom de la couleur ou HEX pour le travail CSS natif.
CSS Couleur Aide-mémoire
CSS vers Tailwind
CSS vers Tailwind – Mappeur de déclaration
Collez les déclarations CSS et mappez-les aux classes d'utilitaires Tailwind lorsque cela est possible. Les règles communes de disposition, d'espacement et de couleur deviennent des classes standard ; les valeurs sans correspondance reviennent à une syntaxe de valeurs arbitraires.
CSS Tailwind Conversion