Przejdź do głównej treści
Uddatak

Ekstraktor palety kolorów

Ekstraktor palety kolorów analizuje dowolny przesłany obraz i automatycznie wyodrębnia jego najbardziej dominujące kolory, pokazując kod HEX i RGB każdego koloru wraz z jego przybliżonym udziałem w obrazie. Skopiuj pojedynczy kolor jednym kliknięciem lub całą paletę naraz jako gotowe do użycia zmienne CSS. Przydatne do wydobycia identyfikacji kolorystycznej ze zdjęcia produktu, logo lub inspirującego projektu graficznego. Cała analiza odbywa się w przeglądarce za pomocą Canvas — obraz nigdy nie jest przesyłany na serwer.

Narzędzia projektowe i CSS Działa całkowicie w Twojej przeglądarce

Twój obraz jest przetwarzany w całości na Twoim urządzeniu za pomocą Canvas i nigdy nie jest przesyłany na serwer.

Prześlij obraz, a narzędzie automatycznie wyodrębni jego najbardziej dominujące kolory, podając kod HEX i RGB każdego koloru oraz przycisk do skopiowania wszystkich kolorów naraz jako niestandardowe właściwości CSS.

Przeciągnij tu obraz lub wybierz plik

JPG, PNG lub WebP

Najczęściej zadawane pytania

Nie — obraz jest w całości analizowany w przeglądarce za pomocą Canvas i nigdy nie trafia na żaden serwer.

Kontynuuj z

W pełni lokalnie

Generator gradientu CSS

Zbuduj liniowy lub radialny gradient CSS w sposób wizualny i skopiuj gotowy kod.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Sprawdzanie kontrastu kolorów

Sprawdź, czy para kolorów tekstu i tła spełnia standardy dostępności WCAG.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Konwerter kolorów

Przekonwertuj kolor między formatami HEX, RGB i HSL błyskawicznie.

Narzędzia dla programistówOtwórz narzędzie
W pełni lokalnie

Generator harmonii palety kolorów

Wybierz kolor bazowy i uzyskaj harmonijną paletę kolorów (dopełniającą, analogiczną, triadyczną, tetradyczną, monochromatyczną).

Narzędzia projektowe i CSSOtwórz narzędzie

Powiązane narzędzia

W pełni lokalnie

Generator zrzutów ekranu kodu

Wklej kod i zamień go w estetyczny obraz z gradientowym tłem i paskiem tytułowym, gotowy do udostępnienia.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Symulator daltonizmu

Zobacz, jak Twój obraz wygląda w oczach osoby z daltonizmem (protanopia, deuteranopia, trytanopia lub achromatopsja).

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator clip-path CSS

Wybierz gotowy kształt (koło, trójkąt, gwiazda, dymek...) i skopiuj kod CSS clip-path.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator krzywej Béziera (cubic-bezier)

Przeciągnij dwa punkty, aby wizualnie zaprojektować własną krzywą animacji, i skopiuj kod cubic-bezier.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator glassmorphism CSS

Zaprojektuj wizualnie efekt matowej szyby (glassmorphism) i skopiuj gotowy kod CSS.

Narzędzia projektowe i CSSOtwórz narzędzie

Chcesz wypróbować Uddatak?

Przeglądaj pełną bibliotekę narzędzi i od razu zacznij korzystać z tego, czego potrzebujesz — za darmo, bez rejestracji.

Zobacz wszystkie narzędzia