Config
Linéaire 135°, #667eea → #764ba2
CSS
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
Outils de design
Générateur de dégradé CSS – Linéaire, Radial, Conique
Créez visuellement des dégradés CSS linéaires, radiaux et coniques. Ajustez l'angle et les positions des arrêts, ajoutez plusieurs arrêts et copiez le CSS pour les arrière-plans, les boutons et les transitions de marque.
CSSDégradéArrière-plan
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
设计配色
Générateur de dégradé CSS
135°
%
%
Cas d’usage
- Dégradés d'arrière-plan de page ou de carte de conception
- Configurer des transitions d'interface utilisateur bicolores ou à arrêts multiples
- Exporter un dégradé CSS prêt à coller
Mode d’emploi
- Choisissez linéaire, radial ou conique
- Définir l'angle plus les couleurs et les positions d'arrêt ; ajoutez plus d'arrêts si nécessaire
- Copiez le CSS du dégradé généré
Exemples d’entrée et de sortie
FAQ
Quels types de dégradés sont pris en charge ?
dégradé linéaire, dégradé radial et dégradé conique.
Puis-je ajouter plusieurs arrêts ?
Oui. Utilisez Ajouter un arrêt, puis définissez la couleur et la position de 0 à 100 de chaque arrêt.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Générateur d'ombres de boîte CSS
Générateur d'ombres de boîte CSS – Commandes visuelles
Ajustez visuellement le décalage, le flou, la répartition, la couleur, l'opacité et l'encart. Prévisualisez en direct et générez du CSS box-shadow pour les cartes, les boutons et les superpositions.
CSS Ombre box-shadow
Convertisseur de couleurs
Convertisseur de couleurs – HEX, RVB, HSL en ligne
Convertissez les couleurs parmi les variables HEX, RVB, HSL, HWB, CMJN et CSS dans votre navigateur. Comprend un sélecteur de couleurs et un assistant de couleurs aléatoires pour le transfert de conception, le travail sur les feuilles de style et l'alignement des couleurs de la marque.
Couleur HEX RVB
Générateur de palettes
Générateur de palettes — Jeux de couleurs basés sur des règles
Générez des palettes avec des règles monochromes, analogues, complémentaires, triadiques ou entièrement aléatoires. Verrouillez les échantillons individuels et continuez à randomiser le reste pour l'exploration de l'interface utilisateur et les dérivés de couleur de marque.
Palette Couleur Harmonie