Des couleurs CSS à Tailwind
Les hex connus mappent vers text-gray-900. Inconnus : bg-[#1a2b3c].
Quand une valeur hexadécimale correspond à la palette par défaut, la conversion produit un jeton lisible comme text-gray-900. Les couleurs de marque, elles, tombent rarement juste et s’écrivent en valeur arbitraire bg-[#1a2b3c]. Chercher la teinte la plus proche est tentant, mais le rendu change visiblement : mieux vaut déclarer vos propres jetons.
Hex de marque
#111827 tombe souvent près de gray-900 ; un hex unique devient souvent text-[#…] ou bg-[#…].
Opacité
rgba et /opacity se modélisent avec /50 ou bg-black/50. Vérifiez le contraste après conversion.
Variables de thème
Si la couleur vit dans :root, résolvez la valeur avant d’attendre un token nommé.
Essayer
.example { display: flex; gap: 1rem; padding: 1rem; }Note de confiance : vérifiez le rendu. Le convertisseur est une aide de brouillon.