Entrée
4 couleurs d’angle + flou à 80 %
Sortie
Arrière-plan en dégradé doux + CSS
Outils de design
Générateur de maillage de dégradé – Arrière-plans doux aux quatre coins
Mélangez les couleurs des quatre coins dans des dégradés radiaux superposés et floutés pour créer un maillage doux et un arrière-plan CSS copiable. Idéal pour les pages de destination, les visuels de marque et les expériences multicolores.
DégradéMaillageArriè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 maillage de dégradé
左上
右上
左下
右下
80%
预览
CSS 代码
Cas d’usage
- Créer un arrière-plan de page de destination doux
- Expérimentez avec des lavis de marque multicolores
- Exportez un arrière-plan CSS prêt à coller
Mode d’emploi
- Choisissez les quatre couleurs des coins
- Ajustez le flou
- Prévisualisez et copiez le CSS
Exemples d’entrée et de sortie
FAQ
En quoi est-ce différent d'un dégradé linéaire ?
Il empile des dégradés radiaux avec du flou pour des transitions plus douces, plus proches des dégradés de maillage des outils de conception.
La sortie est-elle une véritable syntaxe de maillage CSS ?
Non. Il génère des dégradés radiaux en couches compatibles plutôt qu'une syntaxe expérimentale de maillage uniquement.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Générateur de dégradé CSS
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.
CSS Dégradé Arrière-plan
Harmoniseur de couleurs
Harmoniseur de couleurs — Règles d'harmonie classiques
Choisissez une couleur de base et générez des schémas avec des règles complémentaires, analogues, triadiques, tétradiques, complémentaires ou monochromatiques. Prévisualisez l'utilisation de l'interface utilisateur et exportez les variables CSS pour le travail de la marque et des composants.
Palette Couleur Harmonie