Główny
60%
Podgląd karty głównej
Po przesłaniu pojawi się tu rodzina o największej powierzchni.
Analizator proporcji kolorów 60:30:10
Prześlij obraz, aby grupować podobne kolory, porównać układ dominujący/drugorzędny/akcentowy z 60:30:10 i sprawdzić, jak kolor akcentowy rozkłada się w kompozycji.
Analizator proporcji kolorów 60:30:10
Prześlij obraz
Przeciągnij obraz tutaj albo kliknij, aby go przesłać
PNG, JPG, GIF, WebP · Maks. 10 MB · Analiza tylko w przeglądarce
Opcje analizy
Jeśli występują duże neutralne obszary, takie jak białe lub czarne tło, ich waga jest korygowana, żeby odczyt koloru dominującego nie był zaburzony.
Pokaż kody kolorów
Sprawdź od razu swoją równowagę 60:30:10
Prześlij obraz, aby pogrupować podobne odcienie i przeanalizować rozkład dominujący, drugorzędny i akcentowy razem z pozycją akcentu.
Analizowanie rodzin kolorów i ich rozkładu…
Analiza oczekuje
Dopasowanie 60:30:10
0 pkt
Prześlij obraz, aby od razu zobaczyć, która rodzina jest najbliżej 60% i czy kolor akcentowy jest wystarczająco widoczny.
Główny oczekuje
Drugorzędny oczekuje
Akcent oczekuje
Podgląd analizy
Oryginał przesłanego obrazu
Prześlij obraz, aby pokazać tutaj reprezentatywny widok.
Rozkład docelowy vs rzeczywisty
Główny
0%
Drugorzędny
0%
Akcent
0%
Wpływ neutralnych barw
0%
Diagnoza koloru akcentowego
Koncentracja
Oczekiwanie
Podsumowanie
Po analizie zobaczysz, czy kolor akcentowy skupia się w jednej strefie, czy rozprasza szerzej.
Tutaj pojawi się mapa cieplna koloru akcentowego.
Rodziny barw według roli
Drugorzędny
30%
Podgląd karty drugorzędnej
Po przesłaniu pojawi się tu rodzina pełniąca funkcję warstwy pośredniej.
Akcent
10%
Podgląd karty akcentowej
Po przesłaniu pojawi się tu rodzina ogniskowa oraz tendencja jej rozmieszczenia.
Grupy podobnych kolorów
Pojawi się tu paleta uporządkowana według podobnych rodzin barw.
Interpretacja i wskazówki poprawy
- Prześlij obraz, a narzędzie automatycznie podpowie, jak zbliżyć kompozycję do 60:30:10.
Tabela analizy
| Rola | Nazwa rodziny | Udział | Kod przewodni | Komentarz |
|---|---|---|---|---|
| Tabela zostanie uzupełniona po zakończeniu analizy. | ||||
Na co patrzy to narzędzie
- Kolor główny 60% — Największa rodzina barw budująca podstawowy ton obrazu
- Kolor drugorzędny 30% — Warstwa pośrednia łącząca kolor główny z akcentem
- Akcent 10% — Kolor o małej powierzchni, ale mocny jako punkt skupienia wzroku
- Koncentracja wizualna — Czy kolor akcentowy skupia się w jednym punkcie, czy rozchodzi po całym obrazie
To narzędzie analizuje obraz wyłącznie w przeglądarce. Zasada 60:30:10 nie jest sztywnym prawem, lecz heurystyką projektową do odczytywania wizualnej równowagi; zależnie od intencji sceny inny podział może działać lepiej.
Czym jest analizator proporcji kolorów 60:30:10?
Analizator proporcji kolorów 60:30:10 grupuje podobne kolory z przesłanego obrazu, aby pokazać, która rodzina barw buduje wizualną bazę, która działa jako warstwa pośrednia, a która tworzy punkt skupienia wzroku. Zamiast zatrzymywać tylko trzy największe kolory, narzędzie łączy zbliżone odcienie w jedną rodzinę, żeby wynik był bliższy rzeczywistemu odbiorowi obrazu.
Wynik pokazuje wskaźnik dopasowania do rozkładu 60% dominującego, 30% drugorzędnego i 10% akcentu. Dodatkowo widać, która rodzina jest najbliżej 60%, czy kolor akcentowy jest zbyt słaby lub zbyt mocny oraz czy skupia się w jednym obszarze czy rozchodzi po całym obrazie. To przydaje się przy prezentacjach, miniaturach, ilustracjach, interfejsach webowych i analizie referencji wizualnych.
Kiedy używać tego narzędzia
- Analiza scen animowanych — Gdy chcesz zrozumieć, dlaczego scena wygląda stabilnie i gdzie działa kolor ogniskowy
- Rozpisanie referencji marki lub miniatury — Gdy musisz szybko rozłożyć strukturę kolorów referencji na procenty i rodziny barw
- Przegląd makiet UI — Gdy chcesz sprawdzić, czy kolor akcentowy przycisku nie rozchodzi się za szeroko albo czy dominanta i kolor drugorzędny są wystarczająco rozdzielone
- Projekt plakatów i banerów — Gdy chcesz szybko ocenić, czy tło, pola pomocnicze i punkty akcentowe są dobrze rozłożone
- Analiza color scriptów — Gdy chcesz opisać zestawienie kolorów i układ obrazu w języku, który da się później odtworzyć
Najważniejsze funkcje
- Automatyczne grupowanie podobnych tonów — Nawet subtelne warianty trafiają do jednej rodziny, dzięki czemu wynik lepiej odpowiada temu, co naprawdę widzi oko.
- Wskaźnik dopasowania 60:30:10 — Pokazuje punktowo i krótkim opisem, jak blisko obraz znajduje się od idealnego rozkładu.
- Karty koloru głównego, drugorzędnego i akcentowego — Każda karta łączy kolor reprezentatywny, udział, cechy i wskazówkę do poprawy.
- Mapa cieplna akcentu — Pozwala od razu zobaczyć, czy kolor akcentowy skupia się w jednym punkcie, czy rozprasza po całym obrazie.
- Tryb ograniczania wpływu tła — Pomaga skorygować odczyt, gdy białe tło albo duże neutralne obszary zaburzają wynik.
- Wyświetlanie kodów HEX/RGB/HSL — Zamienia reprezentatywny kod koloru na wybrany format i pozwala od razu go skopiować.
Jak używać
- Prześlij obraz — Prześlij scenę, miniaturę, plakat albo zrzut UI, który chcesz przeanalizować.
- Wybierz tryb analizy — Jeśli obraz ma duże białe albo czarne tło, najlepiej zostawić domyślny tryb ograniczania wpływu tła.
- Sprawdź wynik i role — Zacznij od oceny u góry oraz udziałów koloru głównego, drugorzędnego i akcentowego.
- Przeczytaj mapę cieplną i wskazówki — Zobacz, gdzie zbiera się akcent i czy warto go ograniczyć albo wzmocnić.
- Wykorzystaj kody — Użyj wartości HEX, RGB lub HSL pokazanych w kartach i rodzinach przy pracy nad projektem.
Jak działa analiza?
Narzędzie najpierw zmniejsza obraz do próbkowania, pomija przezroczyste piksele, tworzy grupy kolorów, a potem łączy bliskie odcienie. Z tych reprezentatywnych rodzin wyprowadza role dominującą, drugorzędną i akcentową oraz oblicza powierzchnię zajmowaną przez każdą z nich.
Kolor akcentowy nie jest wybierany po prostu jako trzeci największy kolor. Narzędzie priorytetowo traktuje mniejsze grupy, które dzięki odpowiedniemu nasyceniu i kontrastowi mogą przyciągać wzrok. Następnie dzieli obraz na siatkę, mierzy rozkład akcentu i pokazuje, czy punkt skupienia jest skoncentrowany, czy rozproszony.
Wynik służy jako pomoc interpretacyjna. Narzędzie nie rozumie automatycznie narracji, światła, głębi czy intencji marki, dlatego ostateczną decyzję projektową warto zawsze czytać razem z kontekstem.
Najczęstsze pytania
Czy zasady 60:30:10 trzeba trzymać się co do litery?
Nie. Zasada 60:30:10 to heurystyka, która pomaga szybko ocenić wizualną równowagę. W zależności od intencji sceny podział 70:20:10 albo 50:35:15 może działać lepiej. Potraktuj to narzędzie jako punkt odniesienia, a nie sztywną regułę.
Dlaczego podobne kolory są grupowane zamiast zostawić tylko trzy największe?
W prawdziwych obrazach jedna rodzina kolorystyczna często zawiera wiele wariantów jasności i nasycenia. Gdy zostają tylko trzy największe kolory, błękit nieba i szaroniebieski mogą wyglądać jak odrębne role, choć wizualnie należą do tego samego bloku. Dlatego narzędzie łączy podobne odcienie, by dać bardziej naturalny odczyt.
Czy wynik może wyglądać dziwnie przy białym tle?
Tak. Białe, czarne albo bardzo neutralne tło może sprawić, że kolor dominujący wyda się mocniejszy niż w rzeczywistym odbiorze. W takich sytuacjach domyślny tryb ograniczania wpływu tła pomaga przybliżyć wynik do faktycznej percepcji obrazu.
Jak interpretować mapę cieplną koloru akcentowego?
Mapa cieplna pokazuje, gdzie kolor akcentowy skupia się najmocniej. Gdy zbiera się po jednej stronie albo wokół punktu ogniskowego, prowadzenie wzroku zwykle staje się wyraźniejsze. Jeżeli rozkłada się równomiernie po całym obrazie, punkt ciężkości może osłabnąć. W obrazach opartych na wzorach czy teksturach pewne rozproszenie nadal może być naturalne, więc wynik zawsze warto czytać z kontekstem.
Czy przesłany obraz jest zapisywany na serwerze?
Nie. Analiza działa wyłącznie w przeglądarce, a przesłany obraz nie jest zapisywany na serwerze. Dzięki temu narzędzie lepiej nadaje się także do wrażliwych szkiców czy wewnętrznych materiałów roboczych.
Nie ma jeszcze komentarzy. Dodaj pierwszą opinię.