Generator duotone
Nałóż dwukolorowy efekt duotone na obraz w przeglądarce i wyeksportuj wynik jako PNG – bez wysyłania czegokolwiek na serwer.
🔒 Działa całkowicie w Twojej przeglądarce — nic nie jest przesyłaneStwórz dwukolorową stylizację obrazu
Duotone to klasyczna technika graficzna, która redukuje zdjęcie do dwóch dominujących kolorów. Zamiast zachowywać oryginalny odcień każdego piksela, obraz jest zamieniany na wartości tonalne, a następnie mapowany między kolorem cieni a kolorem świateł. Ten generator duotone wykonuje ten proces bezpośrednio na elemencie canvas HTML w Twojej przeglądarce. Wczytaj obraz, wybierz dwa kolory, obejrzyj podgląd wyniku i pobierz plik PNG bez wysyłania go na serwer.
Efekt sprawdza się w obrazach hero, grafikach redakcyjnych, materiałach do mediów społecznościowych, okładkach w stylu albumów, blokach prezentujących produkty i kampaniach marek, w których zwykłe zdjęcia muszą tworzyć spójną całość. Paleta granatu i kremu może wyglądać poważnie i ciepło, a fiolet z cyjanem – energicznie i cyfrowo. Ponieważ mapowanie opiera się na jasności, zdjęcia z wyraźną strukturą świateł i cieni zwykle dają najlepsze efekty. Płaskie zrzuty ekranu lub obrazy o bardzo niskim kontraście mogą wymagać obróbki, zanim stylizacja duotone zacznie wyglądać efektownie.
Jak przeglądarka przetwarza obraz
Po lokalnym zdekodowaniu obrazu canvas odczytuje każdy piksel. Na podstawie kanałów czerwonego, zielonego i niebieskiego obliczana jest wartość luminancji, która staje się proporcją mieszania dwóch wybranych kolorów. Ciemne piksele pozostają blisko koloru cieni, jasne przesuwają się w stronę koloru świateł, a tony średnie płynnie się między nimi mieszają. Kanał alfa jest zachowywany, więc przezroczyste grafiki PNG pozostają przezroczyste w wyeksportowanym wyniku.
Jak wybierać lepsze kolory duotone
Mocne palety duotone zwykle łączą ciemny kolor z dużo jaśniejszym. Jeśli oba kolory mają podobną jasność, końcowy obraz może wyglądać mętnie, ponieważ cienie i światła zlewają się ze sobą. Zacznij od głębokiego koloru marki dla cieni i bladego akcentu dla świateł, a potem zamień kolory miejscami, jeśli nastrój wydaje się odwrócony. Po pobraniu pliku PNG sprawdź go w docelowym układzie strony z tekstem i przyciskami wezwania do działania. Nawet piękna stylizacja obrazu wymaga odpowiedniego kontrastu wokół każdej treści na pierwszym planie umieszczonej na wierzchu.
Jak używać
- Wczytaj obrazPrzeciągnij lub wybierz plik obrazu; pozostaje on w Twojej przeglądarce.
- Wybierz dwa koloryWybierz kolor cieni i kolor świateł, które określają paletę duotone.
- Wyeksportuj PNGObejrzyj wynik na canvasie i pobierz przetworzony obraz.