Ekstraktor kolorów analizuje dowolny plik graficzny (przeciągnij, wklej lub załaduj) i zwraca do 16 dominujących kolorów wraz z ich wagą procentową. Używa próbkowania pikseli i kwantyzacji wewnątrz przeglądarki — bez wysyłania danych na serwer. Kliknij dowolną próbkę, aby skopiować jej kod hex, lub użyj „Kopiuj wszystko” dla pełnej palety.
Projektanci i programiści często muszą wyodrębnić kolory z obrazów — wyciągnąć barwy marki z logo, zbudować paletę na podstawie fotografii czy dopasować UI do grafiki referencyjnej. To narzędzie robi to bezpośrednio w przeglądarce. Obsługuje formaty PNG, JPG, SVG, WebP i GIF. Narzędzie renderuje obraz na płótnie (canvas), próbkuje co czwarty piksel i grupuje je w zredukowanej przestrzeni barw (5 bitów na kanał, ~32 tys. grup), uśredniając rzeczywisty kolor RGB każdej grupy. Następnie wybiera najliczniejsze grupy, łącząc duplikaty o zbliżonych wartościach. Wynikiem jest czysta, reprezentatywna paleta oddająca kompozycję wizualną, a nie tylko najczęściej powtarzające się piksele. Suwak liczby kolorów (3–16) pozwala dostosować wielkość palety do potrzeb. Każda próbka pokazuje wartość hex i udział procentowy; możesz kopiować je pojedynczo lub zbiorczo.
Ładuje popularne formaty obrazów i generuje paletę dominant w ułamku sekundy, nawet dla dużych plików.
Każdy kolor pokazuje procentowy udział w powierzchni obrazu — od razu wiesz, co jest dominantą, a co tylko akcentem.
Suwak pozwala wybrać od 3 do 16 kolorów. Małe palety dla logo, większe dla fotografii.
Kliknij próbkę, aby skopiować hex. Lub „Kopiuj wszystko”, aby pobrać pełną listę kolorów oddzieloną nowymi liniami.
Brak wysyłki na serwer — Twoje obrazy nie opuszczają komputera. Bezpieczne dla prywatnych makiet i poufnych grafik.
PNG, JPG, SVG, WebP, GIF, ICO — wsparcie poprzez standardowe dekodowanie canvas. Przezroczyste piksele są pomijane automatycznie.
Wrzuć plik z logo, wyodrębnij użyte w nim kolory i skopiuj je do zmiennych CSS w Twoim systemie projektowym.
Załaduj zdjęcie krajobrazu, aby uzyskać paletę 5 kolorów oddającą jego nastrój — idealne do budowania motywów kolorystycznych.
Zrób zrzut ekranu referencyjnego interfejsu, wyodrębnij kolory i użyj ich w swojej makiecie, aby zachować spójność wizualną.
Gdy klient wysyła pojedynczy obraz jako wytyczną, wyodrębnij 8-10 kolorów, aby zaproponować bazową paletę zgodną z oryginałem.
Pobierz dwa najbardziej dominujące kolory z obrazu, aby stworzyć gradient tła, który idealnie dopełni grafikę na pierwszym planie.
Kliknij ikonę Image Colors w panelu DevSuite Pro. Otworzy się okno z obszarem upuszczania plików i ustawieniami.
Przeciągnij plik, wklej go ze schowka (Ctrl+V) lub wybierz z komputera. Narzędzie automatycznie próbkuje piksele.
Użyj suwaka, aby określić liczbę wyodrębnianych kolorów (3–16). Paleta aktualizuje się natychmiast.
Każda próbka pokazuje kod hex i procent powierzchni. Szukaj kolorów o najwyższym udziale procentowym.
Kliknij próbkę lub użyj „Kopiuj wszystko”, aby przenieść paletę do narzędzia graficznego lub arkusza CSS.
Zainstaluj DevSuite Pro za darmo i odblokuj ponad 64 narzędzi programistycznych dla swojej przeglądarki.
