Outil de design Confidentialité d’abord Copie instantanée

Générateur de dégradés CSS gratuit

Créez instantanément des dégradés linéaires, personnalisez les angles et les couleurs et copiez le code CSS prêt pour la production.

Sélecteur de couleur et formats

Utilisez le sélecteur ci-dessus et consultez les valeurs ci-dessous

Couleurs enregistrées

Générateur de palettes

5

Vérificateur de contraste (WCAG)

AA nécessite 4,5:1 pour un texte normal, AAA 7:1 et Large AA 3:1 pour un texte de grande taille.

Générateur de dégradé

90 degrés

Extraire les couleurs de l’image

Téléversez une image puis cliquez sur extraire pour obtenir les couleurs dominantes.

Pourquoi utiliser notre générateur de dégradé CSS en ligne gratuit ?

Création de dégradé rapide

Générez des dégradés linéaires avec des contrôles de couleur de début, de couleur de fin et d'angle.

Aperçu visuel en direct

Consultez instantanément les mises à jour des dégradés lorsque vous ajustez les couleurs et la direction.

Sortie CSS de production

Copiez le code de dégradé CSS prêt à l'emploi directement dans votre feuille de style.

Questions fréquemment posées

Ce générateur de dégradé est-il gratuit en ligne ?

Oui. Ce générateur de dégradé CSS est gratuit en ligne et disponible sans inscription.

Puis-je contrôler l’angle du dégradé et les couleurs ?

Oui. Vous pouvez définir à la fois les couleurs du dégradé et n'importe quel angle de 0 à 360 degrés.

Puis-je copier directement le code du dégradé CSS ?

Oui. Cliquez sur Copier pour obtenir la ligne CSS `background` générée pour une utilisation immédiate.