Ekstraktor kolorów
Pobieraj kolory z obrazów i twórz palety projektowe.
Wyciąganie palety kolorów z dowolnego obrazu
Overview
Ekstraktor kolorów analizuje obraz i zwraca jego dominujące kolory jako użyteczną paletę — kody hex, które możesz wstawić wprost do projektu. Niezależnie od tego, czy dopasowujesz markę do zdjęcia, budujesz moodboard, czy tworzysz motyw strony wokół obrazu hero, ręczne pobieranie kolorów zakraplaczem jest wolne i niedokładne. To narzędzie próbkuje cały obraz i grupuje jego piksele w kilka kolorów, które naprawdę definiują jego wygląd, a wszystko w przeglądarce.
How to Use (Step by Step)
- 1
Upuść obraz
Zdjęcia, logo, zrzuty ekranu czy ilustracje — wszystko działa. Obrazy o wyższej rozdzielczości dają bardziej reprezentatywną paletę.
- 2
Przejrzyj wyodrębnioną paletę
Kolory dominujące i akcentowe pojawiają się z wartościami hex i RGB.
- 3
Skopiuj potrzebne kody
Kliknij próbkę, aby skopiować jej hex. Wstaw wartości do CSS, narzędzia projektowego lub księgi marki.
How It Works
Obraz jest rysowany na canvas, a jego piksele odczytywane jako wartości RGB. Algorytm klasteryzacji (w stylu median-cut lub k-means) grupuje miliony pikseli w mały zestaw reprezentatywnych kolorów, ważony częstością występowania. Wynikiem jest paleta dominująca plus kolory akcentowe, każdy z kodem hex i RGB gotowym do skopiowania. Ponieważ działa lokalnie na surowych pikselach, obraz źródłowy nigdy nie jest przesyłany.
When to Use This
Budowa strony lub motywu prezentacji harmonizującego z wybranym zdjęciem. Wyodrębnianie kolorów marki z logo. Tworzenie spójnej palety dla ilustracji lub makiety UI. Tworzenie moodboardów z inspirujących zdjęć. Dobór dostępnych zestawień tekst/tło ze zdjęcia produktu. Dopasowanie gradientu CSS do tonów obrazu hero.
Frequently Asked Questions
Zwykle kilka dominujących plus kilka akcentów — wystarczająco na użyteczną paletę bez przytłaczania. Zdjęcie z subtelnymi gradientami klasteryzuje się w mniej odrębnych tonów niż grafika z płaskimi blokami kolorów.