Softonic

Generator tapet gradientowych

Krok 1 / 3
Dalej

Miękkie, trójkolorowe gradienty z mocnym rozmyciem to styl tła każdej strony docelowej SaaS oraz większości tapet pulpitu wydanych w ciągu ostatnich czterech lat. To narzędzie łączy trzy kolory w zapisie szesnastkowym z regulowanym kątem i rozmyciem gaussowskim, a następnie eksportuje wynik w rozdzielczości dopasowanej do pulpitu, telefonu lub tła w aplikacji Zoom.

Jak stworzyć tapetę gradientową

  1. 1

    Wybierz trzy kolory

    Dostosuj wartości szesnastkowe bezpośrednio lub kliknij „Losuj”, aby uzyskać zaskakującą paletę.

  2. 2

    Ustaw kąt

    0–360°. 135° to przekątna „zachodu słońca”; 90° to boczne przejście w stylu „wschodu słońca”.

  3. 3

    Ustaw rozmycie

    Wyższy poziom rozmycia ukrywa granice między kolorami i wygładza całe płótno.

  4. 4

    Wyeksportuj obraz

    Pobierz w rozdzielczości odpowiadającej Twojemu ekranowi lub telefonowi.

Zalecane rozmiary wyjściowe

Cel Rozdzielczość
Pulpit 4K 3840 × 2160
Pulpit 1440p 2560 × 1440
Pulpit 1080p 1920 × 1080
iPhone 15/16 1179 × 2556
Android (nowoczesny) 1080 × 2400
Wirtualne tło Zoom 1920 × 1080

Wskazówki dotyczące palety, które zawsze działają

  • Para dopełniająca + neutralny: niebieski, pomarańczowy, beżowy.
  • Trójka analogiczna: wybierz trzy odcienie w zakresie 60° na kole barw, fioletowy, magenta, różowy.
  • Napięcie ciepło–zimno: jeden ciepły (brzoskwiniowy, czerwony), jeden zimny (morski, granatowy), jeden neutralny (kremowy).
  • Monochromatyczny: jedna barwa w trzech wartościach jasności tworzy subtelną, spójną nastrojowo ścianę.

Dlaczego rozmycie ma znaczenie

Trójpunktowy gradient bez rozmycia pokazuje ostre granice w punktach zmiany koloru („efekt tęczy”). filter: blur() o wartości 60–100 px na dużym płótnie wygładza przejścia w miękkie plamy barwne przypominające tapety macOS Big Sur lub iOS 16.

Podgląd CSS na żywo

background: linear-gradient(135deg, #FF6B35, #7B2D26, #1E3A8A);
filter: blur(80px);

Jeśli wolisz ostry gradient bez rozmycia, zmniejsz filtr do 0 i rozważ przejście na interpolację in oklch, aby uzyskać percepcyjnie równomierne przejścia.

Najczęściej zadawane pytania

Filtr rozmycia próbkuje piksele spoza płótna, a te są przezroczyste. W przypadku tapety wygeneruj obraz w większym rozmiarze, rozmyj go, a następnie przytnij do końcowej rozdzielczości, krawędzie pozostaną czyste.

Ten generator używa trzech kolorów. Większa liczba kolorów zwykle sprawia wrażenie wygaszacza ekranu; trzy to idealna liczba dla spokojnej tapety.

Niezupełnie. Proporcje ekranu telefonu są wyższe niż komputera, więc kąt przekątnej odczytuje się inaczej. Podejrzyj obraz w każdym docelowym rozmiarze i dostosuj kąt, jeśli któryś wygląda nietrafnie.

Nie. Płótno jest rysowane lokalnie, a przeglądarkę opuszcza tylko pobranie, które sam uruchomisz.

Powiązane narzędzia

Generator losowych palet kolorów

Twórz losowe palety od 2 do 15 próbek, wybierz styl żywy, pastelowy, stonowany lub ciemny, a następnie skopiuj kody HEX albo zmienne CSS.

Konwerter ASCII na binarny

Konwertuj dowolny ciąg ASCII na reprezentację binarną. Każdy znak staje się ośmioma bitami, rozdzielonymi spacjami, gotowymi do wklejenia w ślad protokołu albo zadanie domowe.

Konwerter ASCII na hex

Konwertuj tekst ASCII na szesnastkowe wartości bajtów. Wynik używa dwóch cyfr hex na znak, gotowych do dumpów pamięci, śladów pakietów albo tabel firmware.

Próbnik kolorów HEX

Wybierz kolor wizualnie i sprawdź wartości HEX, RGB, HSL, HSV oraz CMYK wraz z kontrastem względem bieli i czerni.

Generator losowych liter

Generuj losowe litery A-Z. Wybierz liczbę, wielkie litery, małe litery lub zapis mieszany i użyj wyniku w grach, zadaniach lub lekcjach.

Konwerter Base64 na Hex

Konwertuj ciąg Base64 na jego bazowe bajty zapisane szesnastkowo. Przydatne do inspekcji tokenów, kluczy, certyfikatów i JWT.