Generator gradientu 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 Generator gradientu 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 Generator gradientu 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.