# Générateur de dégradés

> Prévisualise un dégradé et copie son CSS.

[Open tool](https://www.toolcabana.com/fr/gradient-maker) · [Images et design](https://www.toolcabana.com/fr/category/images-and-design)

Tool ID: gradient-maker. Requested language: fr. Description language: fr. Complete guide translation: yes.

## Overview (en)

Gradient generator builds a two-color CSS linear gradient. You pick the first and second colors and an angle from 0 to 360 degrees, see a preview swatch, and get a ready-to-paste background declaration such as linear-gradient(135deg, ...). The CSS can be copied or downloaded as gradient.css.

## Supported tasks (fr)

Prévisualisez un dégradé et copiez son CSS.

## Steps (fr)

1. Saisissez les valeurs demandées dans le panneau des paramètres.
2. Définissez la première couleur, la seconde couleur et l'angle (degrés).
3. Lancez le générateur de dégradés, vérifiez le résultat, puis utilisez les commandes de copie ou de téléchargement disponibles.

## Settings

- Première couleur (fr; key: first; type: color)
- Seconde couleur (fr; key: second; type: color)
- Angle (degrés) (fr; key: angle; type: number); minimum: 0; maximum: 360

## Limitations (fr)

Les images sont limitées à 32 mégapixels et 16 000 pixels par côté. La plupart des opérations acceptent une seule source ; les opérations par lot prises en charge produisent une archive ZIP.

## Privacy and connections (fr)

Cette opération traite sa source dans votre navigateur. La copie et le téléchargement sont des actions explicites ; la saisie source n'est enregistrée dans aucun compte ni historique.

## Questions (fr)

### How do I make a CSS linear gradient?

Choose two colors and an angle, then run the tool. It outputs a line like background: linear-gradient(135deg, #ed854b, #f4d9c5); that you can paste into any CSS rule.

### What does the gradient angle mean?

The angle sets the direction of the gradient line in CSS degrees. 0 runs bottom to top, 90 runs left to right, 180 runs top to bottom, and the default 135 runs diagonally toward the bottom right.

### Can I add more than two colors to the gradient?

No. This generator creates gradients with exactly two color stops. You can edit the copied CSS by hand to insert extra colors between the first and second values.

### Où ma saisie est-elle traitée ?

Cette opération traite sa source dans votre navigateur. La copie et le téléchargement sont des actions explicites ; la saisie source n'est enregistrée dans aucun compte ni historique.

### Quelles sont les limites de saisie ?

Les images sont limitées à 32 mégapixels et 16 000 pixels par côté. La plupart des opérations acceptent une seule source ; les opérations par lot prises en charge produisent une archive ZIP.

## Related tools

- [Image collage maker](https://www.toolcabana.com/fr/collage-maker)
- [Meme generator](https://www.toolcabana.com/fr/meme-maker)
- [Contrast checker](https://www.toolcabana.com/fr/contrast-checker)
- [SVG optimizer](https://www.toolcabana.com/fr/svg-optimizer)