Générateur de fonds d'écran dégradés
Les dégradés ambiants à trois couleurs avec un flou important sont le style de fond de chaque page de destination SaaS et de la plupart des fonds d’écran de bureau publiés au cours des quatre dernières années. Cet outil mélange trois couleurs hexadécimales avec un angle ajustable et un flou gaussien, et exporte le résultat à la résolution de bureau, de téléphone ou d’arrière-plan Zoom.
Comment créer un fond d'écran dégradé
-
1
Choisissez trois couleurs
Ajustez les valeurs hexadécimales directement ou cliquez sur Randomiser pour une palette surprise.
-
2
Définissez l'angle
0–360°. 135° est la diagonale "coucher de soleil" ; 90° est le mélange latéral "lever de soleil".
-
3
Ajustez le flou
Un flou plus important cache les frontières entre les couleurs et adoucit l'ensemble de la toile.
-
4
Exportez l'image
Téléchargez à la résolution qui correspond à votre écran ou téléphone.
Tailles de sortie recommandées
| Cible | Résolution |
|---|---|
| Bureau 4K | 3840 × 2160 |
| Bureau 1440p | 2560 × 1440 |
| Bureau 1080p | 1920 × 1080 |
| iPhone 15/16 | 1179 × 2556 |
| Android (moderne) | 1080 × 2400 |
| Arrière-plan virtuel Zoom | 1920 × 1080 |
Idées de palette qui fonctionnent toujours
- Couple complémentaire + neutre : bleu, orange, beige.
- Trio analogique : choisissez trois teintes dans un angle de 60° sur la roue des couleurs, violet, magenta, rose.
- Tension chaud-froid : une couleur chaude (pêche, rouge), une froide (bleu canard, marine), une neutre (crème).
- Monochrome : une teinte en trois valeurs crée un fond subtil à l’ambiance homogène.
Pourquoi le flou est important
Un dégradé à trois arrêts sans flou montre des frontières nettes aux arrêts de couleur (l’“effet arc-en-ciel”). Un filter: blur() de 60–100 px sur une grande toile adoucit les transitions en lavis rappelant les fonds d’écran macOS Big Sur ou iOS 16.
Aperçu CSS en direct
background: linear-gradient(135deg, #FF6B35, #7B2D26, #1E3A8A);
filter: blur(80px);
Si vous préférez un dégradé net sans flou, réduisez le filtre à 0 et envisagez de passer à l’interpolation in oklch pour un mélange perceptuellement uniforme.
Questions fréquentes
Un filtre de flou échantillonne des pixels en dehors de la toile et ceux-ci sont transparents. Pour un fond d’écran, générez à une taille plus grande, floutez, puis recadrez à la résolution finale, les bords restent nets.
Ce générateur utilise trois couleurs. Plus de couleurs tendent à ressembler à un économiseur d’écran ; trois est le juste milieu pour un fond d’écran apaisant.
Pas exactement. Les ratios de téléphone sont plus hauts que ceux de bureau, donc l’angle diagonal se lit différemment. Prévisualisez à chaque taille cible et ajustez l’angle si l’un semble décalé.
Non. La toile est dessinée localement et seul le téléchargement que vous déclenchez quitte le navigateur.
Outils similaires
Générateur de lettres aléatoires
Générez des lettres A-Z aléatoires. Choisissez le nombre, les majuscules, les minuscules ou le mélange, puis utilisez le résultat pour des jeux ou la classe.
Sélecteur de couleur HEX
Choisissez une couleur visuellement et obtenez ses valeurs HEX, RGB, HSL, HSV et CMYK, avec le contraste sur blanc et noir.
Générateur de palette de couleurs
Créez des palettes monochromatiques, analogues, complémentaires, triadiques ou tétradiques depuis une couleur HEX de base et exportez des variables CSS prêtes à copier.
Convertisseur ASCII en binaire
Convertissez n'importe quelle chaîne ASCII en sa représentation binaire. Chaque caractère devient huit bits, séparés par des espaces, prêts à être collés dans un suivi de protocole ou un devoir.
Convertisseur binaire en ASCII
Collez du binaire (octets séparés par des espaces ou un long flux de bits) et obtenez le texte ASCII qu'il représente. Gère les encodages de 7 bits et 8 bits.
Générateur de palettes de couleurs aléatoires
Générez des palettes aléatoires de 2 à 15 couleurs, choisissez un style vif, pastel, sourd ou sombre, puis copiez les codes HEX ou les variables CSS.