Paleta kolorów z obrazu
Wyodrębnij z dowolnego obrazu zrównoważoną, edytowalną paletę kolorów, a następnie kopiuj, porównuj, udostępniaj lub eksportuj kolory do kolejnego projektu.
Obrazy i kolory pozostają w przeglądarce i nigdy nie są przesyłane.
Przeciągnij i upuść obrazy
lub kliknij poniżej, aby przeglądać pliki
Do 10 obrazów · przetwarzanie lokalne · nic nie jest przesyłane
Wyodrębnianie palety odbywa się lokalnie na urządzeniu. Obrazy i kolory pozostają w przeglądarce i nigdy nie są przesyłane.
Kompletny proces pracy z paletą obrazu
Style wyodrębniania do konkretnych zastosowań
Wybierz wyniki zrównoważone, żywe, stonowane, jasne, ciemne lub dominujące i blokuj ważne kolory podczas ponownego generowania.
Pełny edytor palety
Dodawaj, usuwaj, zmieniaj kolejność i nazwy, blokuj oraz przypisuj role semantyczne poszczególnym próbkom.
Wbudowane wskazówki dotyczące kontrastu
Porównuj pary palety z progami kontrastu WCAG 2.x przed zastosowaniem kolorów do tekstu i tła.
Lokalnie i prywatnie
Dekodowanie, analiza palety, edycja i eksport odbywają się w przeglądarce.
Jak utworzyć paletę kolorów z obrazu
- 1
Dodaj co najmniej jeden obraz
Wybierz pliki, upuść lub wklej obrazy, wczytaj bezpośredni adres HTTPS albo wypróbuj dołączony przykład.
- 2
Dopracuj wyodrębnione kolory
Zmień styl i liczbę kolorów palety, skup się na obszarze, wybieraj dokładne punkty, edytuj próbki i blokuj kolory, które chcesz zachować.
- 3
Skopiuj lub wyeksportuj
Kopiuj pojedyncze wartości lub pobierz paletę w formacie programistycznym, projektowym, graficznym, PDF albo zbiorczym.
Dlaczego warto wyodrębniać kolory ze zdjęcia?
Zdjęcie, logo, zrzut ekranu, grafika, obraz produktu lub moodboard mogą stać się wielokrotnie używanym systemem kolorów witryny, marki, prezentacji, wnętrza, wydarzenia lub ilustracji. Kolory automatyczne pochodzą z percepcyjnych klastrów źródłowych, a wybrane i wpisane ręcznie pozostają wyraźnie oznaczone.
Wybierz odpowiedni rozmiar i styl palety
Zacznij od ośmiu kolorów, a następnie wybierz 2–24 do automatycznego wyodrębniania. Styl zrównoważony łączy kolory dominujące i akcentowe; style żywy, stonowany, jasny, ciemny i dominujący zmieniają ocenę rzeczywistych klastrów źródłowych. Drobne akcenty mogą zostać pominięte, więc przeanalizuj mniejszy obszar albo wybierz i zablokuj kolor przed ponownym generowaniem.
Kolory dominujące, akcentowe i wartości procentowe
Wartości procentowe opisują piksele uwzględnione przy bieżącym obszarze i zasadach przezroczystości oraz są zaokrąglane do łącznych 100%. Wartość ręczna nie ma określonego udziału, chyba że pozostaje powiązana z klastrem źródłowym. Zablokuj przydatne kolory, aby zachować je przy zastępowaniu pozostałych.
Formaty kolorów i eksport palety
Kopiuj HEX, RGB, HSL lub OKLCH i eksportuj CSS, SCSS, motywy Tailwind, tokeny DTCG, JSON, CSV, TXT, GPL, ASE, SVG, PNG, kolaże, PDF lub zbiorcze archiwa ZIP. Publicznie udostępniane wartości kolorów używają sRGB. Ogólne wartości CMYK są przybliżeniami, a nie dokładnymi odpowiednikami druku czy Pantone.
Prywatne, lokalne przetwarzanie obrazów
Dekodowanie pliku, wyodrębnianie, edycja, udostępnianie i eksport odbywają się w przeglądarce bez przesyłania źródła do FastImageTools. Tryb bezpośredniego adresu URL łączy się z podanym adresem z przeglądarki, dlatego zależy od zezwolenia źródła na dostęp CORS.
Paleta kolorów ze zdjęcia, logo, zrzutu ekranu lub grafiki
W przypadku logo i bezpiecznych plików SVG użyj ustawień przezroczystości, a gdy dominuje tło — zaznacz obszar analizy. Animowane pliki GIF używają pierwszej klatki, a wielostronicowe TIFF — pierwszej strony. Osadzone profile są konwertowane, gdy jest to obsługiwane; w przeciwnym razie narzędzie informuje o założeniu sRGB.
Obsługiwane formaty obrazów
JPG
Zdjęcia i obrazy z aparatu
PNG
Bezstratne obrazy z przezroczystością
WebP
Nowoczesne obrazy internetowe
AVIF
Wydajne obrazy internetowe
HEIC / HEIF
Zdjęcia mobilne i z aparatu
GIF
Analizowana jest pierwsza klatka
TIFF
Analizowana jest pierwsza strona
SVG
Bezpieczne, samodzielne obrazy wektorowe
Częste pytania o paletę kolorów z obrazu
Jak utworzyć paletę kolorów z obrazu?+−
Czy mogę kopiować wartości HEX, RGB, HSL i OKLCH?+−
Czy podawany jest procentowy udział kolorów dominujących?+−
Czy mój obraz jest przesyłany?+−
Jak ekstraktor wybiera kolory?+−
Ile kolorów mogę wyodrębnić?+−
Które formaty obrazów są obsługiwane?+−
Jak obsługiwane są przezroczyste piksele?+−
Czy mogę zachować niektóre kolory i wygenerować resztę ponownie?+−
Czy mogę utworzyć jedną paletę z wielu obrazów?+−
Czy mogę eksportować do CSS, Tailwind, ASE, PNG lub PDF?+−
Czy wartości CMYK lub Pantone są dokładne?+−
Czy działa na urządzeniach mobilnych?+−
Kontynuuj pracę z obrazem i kolorami
Wybierz dokładny piksel, sprawdź plik źródłowy, edytuj obraz lub przekonwertuj go, zachowując lokalny proces pracy.