Wszystkie narzędzia do testowania ekranu

    Generator obrazów gradientowych

    Utwórz liniowy lub promienisty gradient z dwóch albo trzech kolorów. Ustaw kąt i rozmiar, pobierz gradientowe tło lub skopiuj CSS na swoją stronę.

    • Gradienty liniowe i promieniste
    • Pobieranie obrazu i CSS

    Podaj liczby całkowite od 1 do 8192 dla każdego boku, łącznie najwyżej 16,777,216 pikseli. Obrazy powstają w przeglądarce.

    HEX · #RRGGBB
    HEX · #RRGGBB

    Podgląd na żywo

    1920 × 1080 px
    Generator obrazów gradientowych

    Podgląd jest skalowany do dostępnego miejsca. Pobrany plik ma dokładne wymiary w pikselach podane powyżej.

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

    CSS i PNG mogą wyglądać nieco inaczej ze względu na różnice w interpolacji kolorów w przeglądarkach.

    Test gradientu

    Jak używać

    1. Ustaw wymiary obrazu i wybierz gradient liniowy lub promienisty.
    2. Wybierz kolory początkowy i końcowy, opcjonalnie dodaj kolor środkowy i ustaw kąt gradientu liniowego.
    3. Pobierz PNG lub JPEG albo skopiuj deklarację tła CSS.

    Warunki i ograniczenia

    To narzędzie tworzy dekoracyjne tła gradientowe. Do sprawdzania pasmowania służy osobny test gradientu. Wygenerowany obraz nie potwierdza głębi bitowej ani dokładności kolorów ekranu.

    Często zadawane pytania

    Co oznacza kąt gradientu?

    Kąty są zgodne z CSS: 0° oznacza przejście od dołu do góry, 90° od lewej do prawej, a 180° od góry do dołu. Gradient promienisty zaczyna się w środku.

    Czy pobrany gradient będzie identyczny z CSS?

    Używane są te same kolory i kierunek, ale interpolacja kolorów w przeglądarce oraz skalowanie obrazu mogą powodować niewielkie różnice. Gdy istotny jest stały wynik pikselowy, użyj pobranego obrazu.

    Odkryj więcej

    Generator pustych przezroczystych obrazów

    Utwórz całkowicie przezroczysty pusty PNG o własnych wymiarach. Sprawdź podgląd kanału alfa i pobierz pusty obraz do układów, nakładek lub projektów graficznych.

    Generator jednokolorowych obrazów

    Utwórz jednokolorowy obraz z własnym kolorem HEX i dokładnymi wymiarami. Pobierz PNG lub JPEG jako prostą tapetę, tło albo wzorzec do wyświetlenia.

    Generator obrazów zastępczych

    Wygeneruj obraz zastępczy z wymiarami lub własnym tekstem. Ustaw kolory tła i tekstu, określ dokładne wymiary i pobierz PNG lub JPEG do makiety.