Aller au contenu
🛠️ToolsShed

Générateur de Teintes d'Opacité

Génère une palette complète de teintes à partir de n'importe quelle couleur avec des variations d'opacité.

Palette de teintes
50#f7f7feCopier
100#eff0feCopier
200#e0e0fcCopier
300#d0d1fbCopier
400#c1c2f9Copier
500#b1b3f8Copier
600#a1a3f7Copier
700#9294f5Copier
800#8285f4Copier
900#7375f2Copier

À propos de cet outil

Un générateur de teintes d'opacité est un outil de design qui crée une palette de couleurs complète à partir d'une seule couleur de base en la mélangeant à différents niveaux d'opacité. Au lieu de calculer manuellement comment une couleur apparaît à 10%, 30%, 50% et ainsi de suite, cet outil génère l'intégralité du spectre instantanément, ce qui le rend parfait pour les concepteurs et les développeurs qui créent des interfaces utilisateur cohérentes.

L'outil fonctionne en prenant votre couleur choisie et en produisant des variations à des niveaux d'opacité définis—soit en utilisant la convention de nommage standard de Tailwind (50 à 900), soit des étapes de pourcentage simple (10% à 100%). Vous pouvez copier instantanément n'importe quelle nuance sous forme de code hexadécimal ou de valeur CSS rgba(), puis la coller directement dans vos feuilles de style. Ceci est particulièrement utile lors de la conception de boutons, d'arrière-plans, de superpositions et d'états survol qui proviennent tous d'une seule couleur de marque.

Questions Fréquentes

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.