Qu'est-ce qu'un gradient ?

Un gradient est un effet visuel qui effectue une transition en douceur d'une couleur à une autre.

Puis-je utiliser cet outil pour des projets commerciaux ?

Oui, notre outil ToolHQ est gratuit pour tout projet, y compris les projets commerciaux.

Vous pouvez ajuster l'angle en cliquant et en faisant glisser sur la gradient map.

Oui, vous pouvez enregistrer vos gradients sur votre compte pour y accéder facilement plus tard.

Oui, nous prenons la sécurité de vos données très au sérieux et nous utilisons le chiffrement aux normes de l'industrie.

online

Générez des dégradés CSS linéaires et radiaux visuellement.

Angle: 90°

Color 1

Color 2

Stop 1: 0%

Stop 2: 100%

Preview

CSS

background: linear-gradient(90deg, #c9f03c 0%, #0f0f0f 100%);

Choisissez parmi des gradients linéaires ou radiaux pour répondre à vos besoins de design.

Ajustez les color stops, les angles et les positions pour créer un effet de gradient unique.

Récupérez le code CSS de votre gradient et collez-le dans votre projet.

Generate CSS box-shadow with live visual preview.

Generate CSS border-radius visually.

Format and beautify CSS code online.