Generator Gradientów Mesh
Twórz tła z gradientami mesh (rozmyte plamki kolorów) i pobieraj je jako PNG lub kopiuj kod CSS.
Jak stworzyć gradient mesh online
Wybierz kolor tła i dodaj kolory
Wybierz kolor bazowy i dodaj do 6 plam kolorów, które będą się mieszać ze sobą.
Losuj pozycje
Kliknij przycisk losowania, aby zmienić położenie plam kolorów, aż znajdziesz kombinację, która Ci się spodoba.
Pobierz PNG lub skopiuj CSS
Pobierz wynik jako obraz PNG gotowy do użytku lub skopiuj kod CSS, aby zastosować go bezpośrednio na swojej stronie.
Pytania dotyczące generatora gradientów mesh
Gradienty mesh (lub degradacje siatki) zyskały popularność jako tła dla stron internetowych, aplikacji i mediów społecznościowych dzięki swojemu miękkiemu i abstrakcyjnemu wyglądowi. To narzędzie generuje je i pobiera bezpośrednio w Twojej przeglądarce.
Co to jest gradient mesh?
+
To gradient złożony z kilku rozmytych plamek koloru, które mieszają się ze sobą, zamiast prostej przejścia liniowego lub promieniowego między dwoma kolorami.
Czym się różni od zwykłego generatora gradientów CSS?
+
Generator gradientów CSS tworzy przejścia liniowe lub promieniowe między 2 a 4 kolorami. Ten generator tworzy bardziej organiczny efekt z kilkoma niezależnymi plamkami kolorów i pozwala na pobranie wyniku bezpośrednio jako obraz PNG.
Ile kolorów mogę wykorzystać?
+
Możesz łączyć od 3 do 6 kolorów w tym samym gradiencie mesh.
Czy mogę pobrać wynik jako obraz?
+
Tak, możesz pobrać gradient mesh bezpośrednio w formacie PNG, gotowy do użycia jako tło.
Czy to darmowe?
+
Tak, to narzędzie jest całkowicie bezpłatne.
Czy mój projekt zostanie przesłany na jakiś serwer?
+
Nie. Cały proces, od generowania do pobrania pliku PNG, odbywa się bezpośrednio w przeglądarce, bez wysyłania żadnych danych na serwer.
Kolory
Konwerter kolorów (HEX, RGB, HSL, CMYK)
Konwertuj dowolny kolor między HEX, RGB, HSL i CMYK natychmiast, z podglądem na żywo i najbliższą nazwą koloru.
Generator palet kolorów
Twórz harmonijna palety 5 kolorów (komplementarne, analogiczne, triadyczne lub monochromatyczne) na podstawie koloru podstawowego.
Generator gradientów CSS
Twórz gradienty liniowe lub radialne z maksymalnie 4 kolorami i kopiuj gotowy kod CSS.
Sprawdzanie kontrastu WCAG
Sprawdź, czy kombinacja kolorów tekstu i tła spełnia poziomy dostępności AA i AAA.
Losowy kolor
Wygeneruj losowy kolor jednym kliknięciem i odkryj jego nazwę, kod HEX/RGB/HSL oraz podobne kolory.
Selektor koloru (pipeta)
Wybierz dowolny kolor z ekranu za pomocą narzędzia pipety przeglądarki lub użyj klasycznego selektora.
Symulator ślepoty barw
Prześlij obraz i sprawdź, jak widzieliby go ludzie z protanopią, deuteranopią lub tritanopią.
Generator Odcieni i Cieni
Automatycznie generuj jaśniejsze odcienie i ciemniejsze cienie dowolnego koloru z jego kodem HEX.
Mikser Kolorów
Mieszaj dwa kolory i odkryj kolory pośrednie krok po kroku wraz z ich kodem HEX.
Koło Barw (Harmonie)
Wybierz kolor na kole i odkryj jego harmonijne kombinacje: kolory dopełniające, analogiczne, triadyczne i wiele więcej.
Ekstraktor Palety z Obrazu
Prześlij obraz i automatycznie ekstrahuj jego dominujące kolory w paletę z kodem HEX każdego z nich.
Średni Kolor Obrazu
Prześlij obraz i natychmiast oblicz jego średni kolor z kodem HEX, RGB i HSL.
Odkryj kolory według rodziny
Ponad 469 kolorów o nazwach z ich kodami HEX, RGB, HSL i CMYK, zorganizowanych w 12 rodzinach tonów.
