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

Créez un dégradé linéaire ou radial avec deux couleurs.

Créez un dégradé linéaire ou radial avec deux couleurs.

Options

sRGB HEX · 2 couleurs · 0–360° · Deux couleurs opaques, angle linéaire ou radial centré. Ni couleurs supplémentaires, ni images, ni réseau. Copier le CSS ne modifie pas votre site.

Comment utiliser

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

Créez un dégradé linéaire ou radial avec deux couleurs.

Étapes à suivre

  1. Modifiez seulement les options utiles et respectez leurs limites.
  2. Modifiez seulement les options utiles et respectez leurs limites. Première couleur: #2563eb · Deuxième couleur: #7c3aed · Angle (degrés): 90 · Type: Linéaire · Deux couleurs opaques, angle linéaire ou radial centré. Ni couleurs supplémentaires, ni images, ni réseau. Copier le CSS ne modifie pas votre site.
  3. Lancez, comparez le résultat à l’original, puis copiez ou téléchargez.

Choisir les réglages

OptionCe qui change
OptionsModifiez seulement les options utiles et respectez leurs limites. Première couleur: #2563eb · Deuxième couleur: #7c3aed · Angle (degrés): 90 · Type: Linéaire · Deux couleurs opaques, angle linéaire ou radial centré. Ni couleurs supplémentaires, ni images, ni réseau. Copier le CSS ne modifie pas votre site.
LimitessRGB HEX · 2 couleurs · 0–360° · Deux couleurs opaques, angle linéaire ou radial centré. Ni couleurs supplémentaires, ni images, ni réseau. Copier le CSS ne modifie pas votre site.

Exemple et résultat attendu

C’est un exemple attendu, pas une mesure réelle. linear-gradient(90deg, #2563EB, #7C3AED);

Si cela ne fonctionne pas

  • Corrigez les options ou l’entrée non prise en charge et réessayez. L’original reste ; réduisez les gros fichiers.
  • Deux couleurs opaques, angle linéaire ou radial centré. Ni couleurs supplémentaires, ni images, ni réseau. Copier le CSS ne modifie pas votre site.

Formats et limites

sRGB HEX · 2 couleurs · 0–360° · Deux couleurs opaques, angle linéaire ou radial centré. Ni couleurs supplémentaires, ni images, ni réseau. Copier le CSS ne modifie pas votre site.

FAQ

Que fait cet outil ?

Créez un dégradé linéaire ou radial avec deux couleurs.

Quel réglage choisir ?

Modifiez seulement les options utiles et respectez leurs limites. Première couleur: #2563eb · Deuxième couleur: #7c3aed · Angle (degrés): 90 · Type: Linéaire · Deux couleurs opaques, angle linéaire ou radial centré. Ni couleurs supplémentaires, ni images, ni réseau. Copier le CSS ne modifie pas votre site.

Quelles sont les limites ?

sRGB HEX · 2 couleurs · 0–360° · Deux couleurs opaques, angle linéaire ou radial centré. Ni couleurs supplémentaires, ni images, ni réseau. Copier le CSS ne modifie pas votre site.

Pourquoi le traitement a-t-il échoué ?

Corrigez les options ou l’entrée non prise en charge et réessayez. L’original reste ; réduisez les gros fichiers.

Mon entrée est-elle envoyée ou enregistrée ?

Non. Le traitement s’effectue sur votre appareil. Les entrées et résultats restent dans la mémoire de cette page jusqu’à leur effacement ou votre départ. ToolRobin ne les envoie, ne les journalise et ne les stocke pas. La copie place le résultat dans le presse-papiers de votre appareil.