PixoateWybór kolorów i ekstraktor palety – wybieranie kolorów z obrazu
Prześlij dowolne zdjęcie, kliknij, aby wybrać kolor piksela (HEX / RGB / HSL) lub automatycznie rozpakuj dominującą paletę. Pobierz jako zmienne JSON lub CSS.
Upuszcz obraz, aby wyodrębnić jego paletę
O Color Picker
Kwantyzuje Twój obraz na żądaną liczbę kolorów dominujących za pomocą 4-bitowego bucketingu na kanał, a następnie sortuje według częstotliwości. Działa całkowicie w Twojej przeglądarce — Twój obraz nigdy nie opuszcza urządzenia.
Kontynuuj ulepszanie swoich obrazów
Przenieś edycję zdjęć na wyższy poziom dzięki tym popularnym narzędziom
Dodaj tekst do obrazu
Dodawanie podpisów i tytułów do ulepszonego zdjęcia
Dodaj obramowanie zdjęcia
Opraw swój efekt za pomocą pięknych obramowań
Kompresja obrazu
Zoptymalizuj swój ulepszony obraz do udostępniania
Zmień rozmiar obrazu
Zmienianie wymiarów obrazu
Zdjęcie do kreskówki
Wypróbuj inny styl artystyczny
Szkic ołówkiem
Twórz artystyczne rysunki ołówkiem
Frequently Asked Questions
Prześlij dowolne pliki JPG, PNG, WebP lub GIF i kliknij dowolne miejsce na wyświetlanym obrazie — dokładny piksel pod kursorem jest próbkowany i wyświetlany jako HEX, RGB i HSL, kopiując jednym kliknięciem dla każdego formatu. Idealne do dopasowania koloru marki, próbki ze zdjęcia lub wybrania akcentów z makiety projektu.
usageObraz jest redukowany do 320 pikseli po najdłuższej stronie, a następnie każdy piksel jest wyodrębniany na 4 bity na kanał. Najbardziej zaludnione kubełki są uśredniane do pełnych 8-bitowych kolorów, sortowane według częstotliwości i zwracane jako paleta. Efektem jest zazwyczaj 5-24 dominujące kolory, które wizualnie podsumowują obraz.
technicalTak. Przyciski Download generują dwa formaty: blok zmiennych CSS gotowy do wklejenia do selektora :root (--color-1, --color-2...), oraz plik JSON z heksami, komponentami RGB i procentem wagi dla każdego koloru. Oba formaty integrują się płynnie z tokenami projektowymi, konfiguracjami Tailwind oraz bibliotekami palet.
featuresNie — wybieranie kolorów i ekstrakcja palet odbywa się całkowicie w Twojej przeglądarce, korzystając z API HTML canvas. Obraz pozostaje na urządzeniu, co sprawia, że narzędzie jest bezpieczne dla niepublikowanych zdjęć produktów, szkiców i zasobów marki w ramach NDA.
privacyW pracy z tożsamością marki 5-8 kolorów to idealny środek — oddaje dominujący motyw bez rozmywania akcentów. Do wizualizacji danych zalecamy 10-16 kolorów, aby mieć wystarczająco dużo odcieni kategorycznych. Suwak pozwala wybrać od 5 do 24.
tipsPiksele z alfa poniżej 128 są ignorowane, więc przezroczyste tła nie zanieczyszczają palety kolorami "tła". To sprawia, że Image Color Picker jest szczególnie dobry do wycinanek produktów, grafik naklejek i pojedynczych obiektów.
technicalHEX (#RRGGBB) jest najbardziej kompaktowy i domyślnie używa go CSS, Figma i Sketch. RGB pokazuje wartości trzech składowych od 0 do 255 — co jest przydatne przy programatycznej pracy z danymi obrazu. HSL (odcień, nasycenie, jasność) jest intuicyjne do regulacji kolorów: przesuwaj odcienie, aby zmienić rodzinę kolorów, dostosowuj jasność dla odcieni i odcieni.
technicalTak. Darmowe, bez potrzeby konta, bez ograniczeń co do rozmiaru obrazu czy liczby wyodrębnionych palet. Nie ma nic do zainstalowania — całe narzędzie to jedna strona internetowa.
pricingUse Cases
Audyt tożsamości marki
Wyciągnij dokładne wartości HEX z istniejącego logo lub materiału marketingowego, aby wprowadzić je do swojego przewodnika stylu. Dopasuj kolory marek konkurentów do talii lub boiska pozycjonującego.
Budowanie palety projektowania stron internetowych
Wyodrębnij dominujące kolory ze zdjęcia lub moodboardu, wyeksportuj jako zmienne CSS i umieść je w arkuszu stylów. Sweet spot 5-8 kolorów obejmuje warstwy podstawowe, akcentowe i neutralne, zapewniając pełny system designu.
Listy produktów e-commerce
Dopasuj kolory tła zdjęć produktu do tematu sklepu. Wybierz dominujący kolor akcentowy ze zdjęcia sneakersów lub sukienki i użyj go jako wyróżnienia w ogłoszeniu.
Inspiracja wnętrzami i modą
Sfotografuj pokój lub strój, który ci się podoba, i wyodrębnij paletę. Wykorzystaj go do wyboru farby, tkanin lub dodatków, które uzupełniają istniejący schemat — zamieniając wizualną inspirację w praktyczne próbki.
Schematy wizualizacji danych
Stwórz kategoryczną paletę 10-16 kolorów pochodzących z obrazu, który chcesz przywołać (np. akwarel dla miękkiego schematu, zachód słońca dla ciepłych do chłodnych gradientów). Lepsze niż wybieranie zwykłych odcieni.
Przepływy pracy w grze i zasobach UI
Wyodrębnij indeksowaną paletę kolorów z grafiki sprite'ów lub makiet UI, aby przekazać je narzędziu pixel-artowemu lub silnikowi gry. Eksport palety JSON integruje się z Aseprite, Photoshopem i większością pipeline'ów assetów.