Tutti gli strumenti di test dello schermo

    Generatore di immagini sfumate

    Crea una sfumatura lineare o radiale con due o tre colori. Imposta angolo e dimensioni, scarica uno sfondo sfumato o copia il CSS per il tuo sito.

    • Sfumature lineari e radiali
    • Download immagine e CSS

    Usa numeri interi da 1 a 8192 per lato, fino a 16,777,216 pixel totali. Le immagini sono generate nel browser.

    HEX · #RRGGBB
    HEX · #RRGGBB

    Anteprima dal vivo

    1920 × 1080 px
    Generatore di immagini sfumate

    L’anteprima è ridimensionata per adattarsi allo spazio. Il file scaricato usa esattamente le dimensioni in pixel indicate sopra.

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

    CSS e PNG possono apparire leggermente diversi perché i browser gestiscono diversamente l’interpolazione dei colori.

    Test dei gradienti

    Come si usa

    1. Imposta le dimensioni dell’immagine e scegli una sfumatura lineare o radiale.
    2. Scegli i colori iniziale e finale, aggiungi eventualmente un colore intermedio e regola l’angolo lineare.
    3. Scarica il PNG o JPEG oppure copia la dichiarazione CSS dello sfondo.

    Condizioni e limiti

    Questo strumento crea sfondi sfumati decorativi. Per controllare le bande di colore, usa il test delle sfumature separato. Un’immagine generata non certifica la profondità di bit né la precisione cromatica del display.

    Domande frequenti

    Che cosa indica l’angolo della sfumatura?

    Gli angoli seguono le convenzioni CSS: 0° va dal basso verso l’alto, 90° da sinistra a destra e 180° dall’alto verso il basso. Le sfumature radiali partono dal centro.

    La sfumatura scaricata corrisponde esattamente al CSS?

    Usa gli stessi colori e la stessa direzione, ma l’interpolazione del browser e il ridimensionamento dell’immagine possono creare piccole differenze. Usa l’immagine scaricata quando serve un risultato fisso in pixel.

    Continua a esplorare

    Generatore di immagini vuote trasparenti

    Crea un PNG vuoto realmente trasparente nelle dimensioni desiderate. Controlla lo sfondo alfa in anteprima e scarica un’immagine vuota per layout, sovrapposizioni o progetti grafici.

    Generatore di immagini a tinta unita

    Crea un’immagine a tinta unita con il tuo colore HEX e dimensioni esatte. Scarica un PNG o JPEG per uno sfondo semplice, una superficie colorata o un riferimento visivo sullo schermo.

    Generatore di immagini segnaposto

    Genera un’immagine segnaposto con le dimensioni o un testo personalizzato. Imposta i colori di sfondo e testo, scegli misure esatte e scarica un PNG o JPEG per i tuoi prototipi.