Tous les outils de test d’écran

    Générateur d’image en dégradé

    Créez un dégradé linéaire ou radial à deux ou trois couleurs. Réglez l’angle et les dimensions, téléchargez un fond dégradé ou copiez son CSS pour votre site.

    • Dégradés linéaires et radiaux
    • Téléchargement d’image et CSS

    Utilisez des nombres entiers de 1 à 8192 par côté, jusqu’à 16,777,216 pixels au total. Les images sont générées dans votre navigateur.

    HEX · #RRGGBB
    HEX · #RRGGBB

    Aperçu en direct

    1920 × 1080 px
    Générateur d’image en dégradé

    L’aperçu est redimensionné pour tenir dans la zone. Le fichier téléchargé conserve exactement les dimensions en pixels indiquées ci-dessus.

    background: linear-gradient(90deg, #2563eb, #e879f9);

    Le CSS et le PNG peuvent présenter de légères différences, car l’interpolation des couleurs dépend du navigateur.

    Test de gradient

    Mode d’emploi

    1. Définissez les dimensions de l’image et choisissez un dégradé linéaire ou radial.
    2. Choisissez les couleurs de départ et d’arrivée, ajoutez si besoin une couleur intermédiaire et réglez l’angle du dégradé linéaire.
    3. Téléchargez le PNG ou JPEG, ou copiez la déclaration CSS du fond.

    Conditions et limites

    Cet outil crée des fonds dégradés décoratifs. Pour examiner les bandes de couleur, utilisez le test de dégradé distinct. Une image générée ne certifie ni la profondeur de couleur ni la fidélité de votre écran.

    Questions fréquentes

    Que signifie l’angle du dégradé ?

    Les angles suivent la convention CSS : 0° va du bas vers le haut, 90° de gauche à droite et 180° du haut vers le bas. Les dégradés radiaux commencent au centre.

    Le dégradé téléchargé correspond-il exactement au CSS ?

    Ils utilisent les mêmes couleurs et la même direction, mais l’interpolation du navigateur et le redimensionnement peuvent créer de légères différences. Utilisez l’image téléchargée si vous avez besoin d’un résultat fixe en pixels.

    Poursuivre l’exploration

    Générateur d’image vide transparente

    Créez un PNG vide réellement transparent aux dimensions de votre choix. Vérifiez le fond alpha et téléchargez une image pour vos maquettes, superpositions ou créations graphiques.

    Générateur d’image de couleur unie

    Créez une image unie avec votre couleur HEX et des dimensions exactes. Téléchargez un PNG ou JPEG pour un fond d’écran uni, un arrière-plan ou une référence d’affichage.

    Générateur d’image de remplacement

    Générez une image provisoire portant ses dimensions ou votre propre texte. Choisissez les couleurs du fond et du texte, définissez les dimensions exactes et téléchargez un PNG ou JPEG pour vos maquettes.