ToolHub
Ouvrir l'outil

Générateur de dégradés

Créez visuellement des arrière-plans en dégradés CSS linéaires et radiaux

Outils développeur
Lancer l'outil Tous les outils

À propos de cet outil

Le générateur de dégradés est un outil CSS visuel qui vous permet de choisir les couleurs de début et de fin, de sélectionner la direction et le type de dégradé, pour un aperçu instantané et l'obtention du code CSS correspondant. Il prend en charge les types de dégradés linéaires et radiaux avec huit options de direction, toutes les opérations sont effectuées localement dans le navigateur.

Principales fonctionnalités

Aperçu rapide

Cas d'utilisation

css gradient design

Questions fréquentes

Qu'est-ce que le générateur de dégradés ?

Le générateur de dégradés est un outil CSS visuel qui vous permet de choisir les couleurs de début et de fin, de sélectionner la direction et le type de dégradé, pour un aperçu instantané et l'obtention du code CSS correspondant.

Les dégradés radiaux sont-ils pris en charge ?

Oui. Utilisez le sélecteur de type pour basculer entre dégradé linéaire et dégradé radial. Le dégradé radial crée une transition de couleur circulaire du centre vers l'extérieur.

Puis-je saisir des valeurs de couleur HEX personnalisées ?

Oui. Outre le sélecteur de couleur, vous pouvez saisir directement la valeur HEX dans la zone de texte à côté de chaque sélecteur de couleur, pour un contrôle précis.

Comment copier le code CSS ?

Cliquez sur le bouton de copie à côté de la zone de sortie CSS, la règle CSS du dégradé sera copiée dans le presse-papiers, prête à être collée dans une feuille de style.

Le générateur de dégradés est-il gratuit ?

Oui, le générateur de dégradés est entièrement gratuit. Tout le traitement est effectué localement dans le navigateur, aucune donnée n'est envoyée à un serveur.

Outils associés

Validateur JSONSélecteur de couleursGénérateur de hachageGénérateur UUID