Convertisseur de couleurs CSS
Convertissez HEX en RGB, HSL et valeurs arbitraires Tailwind.
À propos de cet outil
Le convertisseur traduit une couleur HEX en RGB et HSL, puis produit une classe de fond arbitraire Tailwind prête à coller dans le balisage. Utile dès que la teinte de marque sort de la palette par défaut.
Comment l’utiliser
Modifiez le champ HEX : les canaux et la forme bg-[#…] se recalculent aussitôt. Copiez ensuite la notation dont votre composant a besoin.
Exemple
La couleur ciel proposée illustre le passage de HEX à RGB, HSL et Tailwind.
Entrée
#38bdf8Sortie
HEX: #38BDF8
RGB: rgb(56, 189, 248)
HSL: hsl(199, 93%, 60%)
Tailwind arbitrary: bg-[#38bdf8]Conseil
Une valeur arbitraire reste du Tailwind valide ; arrondir vers la teinte la plus proche trahit souvent la charte graphique.
Bon à savoir
Quels formats de couleur convertit-il ?
Saisissez une valeur HEX à 3 ou 6 chiffres (ou utilisez le sélecteur) et obtenez RGB, HSL et une classe arbitraire Tailwind comme bg-[#38bdf8].
Pourquoi une classe arbitraire plutôt que la couleur Tailwind la plus proche ?
Les couleurs de marque correspondent rarement à la palette par défaut. Une approximation modifie votre design sans prévenir, alors que bg-[#hex] garde la couleur exacte.