Gradient z obrazu
Wyodrębnij piękny gradient z dowolnego zdjęcia: upuść obraz, wybierz nastrój, a dominujące kolory staną się przeciągalnymi przystankami gradientu. Kopiuj gotowy CSS natychmiast.
Przeciągnij i upuść obraz tutaj
lub kliknij, aby przeglądać: możesz też wkleić ze schowka
Wszystko działa w Twojej przeglądarce: Twój obraz nigdy nie jest przesyłany, bez rejestracji, całkowicie bezpłatnie.
background: -;
O Gradient z obrazu
Generator gradientu ze zdjęcia zamienia dowolną fotografię w gotowy do użycia gradient CSS. Upuść, przeglądaj lub wklej obraz, a narzędzie odczyta go na kanwie, wyodrębni jego dominujące kolory i rozłoży je jako punkty gradientu, które możesz przeciągać, przebarwiać i zmieniać kolejność, aż mieszanka dopasuje się do charakteru oryginału.
Selektor nastroju (Kolorowy, Jasny, Stonowany, Głęboki lub Ciemny) zmienia, które wyodrębnione kolory stają się punktami, dzięki czemu jedno zdjęcie może dać kilka bardzo różnych gradientów. Kontrolujesz typ gradientu (liniowy, radialny lub stożkowy), kąt oraz same punkty: kliknij pasek, aby dodać punkt, przeciągnij, aby go przesunąć, odwróć lub obróć jednym kliknięciem.
Cały proces odbywa się w Twojej przeglądarce; Twój obraz nigdy nie jest przesyłany na serwer. Gdy podgląd wygląda dobrze, skopiuj pełną regułę CSS, samą wartość tła lub wyodrębnione kolory osobno: idealne do sekcji hero, teł stron i wizualizacji marki opartych na fotografii.
Jak korzystać z Gradient z obrazu
- Przeciągnij i upuść obraz, kliknij, aby go przeglądać, lub wklej go ze schowka.
- Wybierz nastrój (Kolorowy, Jasny, Stonowany, Głęboki lub Ciemny) aby zdecydować, które wyodrębnione kolory staną się punktami.
- Wybierz typ gradientu (liniowy, radialny lub stożkowy) i dostosuj kąt.
- Przeciągnij punkty koloru, aby precyzyjnie dopracować mieszankę; dodawaj, usuwaj, odwracaj lub przetasuj punkty w razie potrzeby.
- Kliknij „Kopiuj CSS”, aby pobrać gotowy do wklejenia kod gradientu.