Generateur de gradients

Designez des gradients CSS lineaires et radiaux. Choisissez les couleurs, la direction, copiez le code.

Gradient Library

Type

Angle: 135°

Color 1

#a855f7

Color 2

#6366f1

Third color

Show Tailwind

CSS

background: linear-gradient(135deg, #a855f7, #6366f1);

Tailwind CSS

<div class="bg-gradient-to-br from-[#a855f7] to-[#6366f1]">
  ...
</div>

Explorer d'autres Goodies

D'autres outils gratuits par Eguth Studio qui pourraient vous plaire.

Generez des palettes de couleurs harmonieuses a partir d'une couleur de base. Exportez les codes hex instantanement.

Collez une couleur et trouvez la classe Tailwind CSS la plus proche instantanement. Supporte hex, rgb et hsl.

Creez des formes CSS clip-path visuellement. Deplacez les points, choisissez des presets et exportez polygon, circle, ellipse ou inset.

Creez des ombres CSS avec un apercu en temps reel. Affinez chaque parametre.

Visualisez et ajustez des valeurs complexes de border-radius sur un apercu en direct.

Verifiez les ratios de contraste WCAG entre deux couleurs. Conformite AA et AAA en temps reel.