CodeKitHubCzym jest to narzędzie?
Kolor średni to arytmetyczna średnia wartości czerwonego, zielonego i niebieskiego każdego piksela — pojedynczy zmieszany kolor reprezentujący ogólny ton obrazu, który jednak może wyglądać mętnie, jeśli obraz zawiera bardzo różne kolorystycznie obszary.
Kolory dominujące to co innego: to narzędzie grupuje podobne kolory pikseli w koszyki (kwantyzując każdy kanał RGB), liczy, ile pikseli trafia do każdego koszyka, i zwraca te najczęstsze jako odrębne próbki — bliżej temu, co człowiek nazwałby „głównymi kolorami tego obrazu”, niż pojedynczej uśrednionej mieszance.
Dlaczego warto go używać?
- Otrzymaj zarówno średni kolor, jak i prawdziwą wielokolorową paletę z jednego przesłanego pliku, a nie tylko jedną liczbę.
- Wyciągnij użyteczną paletę kolorów ze zdjęcia, zrzutu ekranu lub logo na potrzeby projektu graficznego.
- Kliknij dowolną próbkę, aby natychmiast skopiować jej dokładny kod HEX.
- Działa w całości w przeglądarce — obraz jest odczytywany lokalnie za pomocą canvas i nigdy nigdzie nie jest przesyłany.
- Za darmo, natychmiastowe, bez konta, bez ograniczeń rozmiaru pliku poza limitami samej przeglądarki.
Jak używać
- Kliknij przycisk przesyłania i wybierz obraz z urządzenia.
- Średni kolor i paleta dominujących kolorów pojawiają się automatycznie — bez klikania dodatkowego przycisku.
- Kliknij dowolną próbkę (kolor średni lub dowolny kolor z palety), aby skopiować jej kod HEX.
Przykład
Wejście
Zdjęcie zachodu słońca z pomarańczowym niebem i ciemnoniebieskimi sylwetkamiWynik
Kolor średni: stonowana brązowo-pomarańczowa mieszanka · Kolory dominujące: jaskrawy pomarańcz, głęboka czerwień, prawie czerń, blady żółty (jako oddzielne, odrębne próbki)To dokładnie przypadek, w którym kolor średni i dominujące różnią się najbardziej — średni miesza ciepłe i zimne tony w mętny odcień, podczas gdy paleta dominujących zachowuje je jako rozpoznawalnie odrębne kolory.
Najczęściej zadawane pytania
Dlaczego kolor średni jest tak inny od jakiegokolwiek koloru faktycznie obecnego na obrazie?
Uśrednianie matematycznie miesza wszystkie piksele razem — jeśli obraz ma zarówno jasnopomarańczowe, jak i ciemnoniebieskie obszary, średnia wypada w mętnym brązie, kolorze, który wizualnie może w ogóle nie istnieć w oryginalnym zdjęciu. To oczekiwane zachowanie prawdziwej średniej, nie błąd; jeśli chcesz kolorów, które faktycznie występują na obrazie, użyj zamiast tego palety dominujących kolorów.
Czy mój obraz jest przesyłany na serwer?
Nie. Obraz jest odczytywany bezpośrednio przez przeglądarkę za pomocą Canvas API, a cała analiza kolorów odbywa się lokalnie w JavaScript. Nic nigdy nie jest wysyłane przez sieć.
Ile dominujących kolorów zwraca narzędzie?
Do 8, posortowanych według liczby pikseli pasujących do każdego koszyka kolorów, od najczęstszego. Jeśli obraz ma bardzo jednolity kolor, może pojawić się mniej niż 8 odrębnych koszyków.
Czy liczone są przezroczyste piksele w pliku PNG?
Nie — piksele o przezroczystości poniżej 50% są wykluczane zarówno z obliczeń koloru średniego, jak i dominującego, więc przezroczyste tło nie zniekształci wyników w stronę koloru prześwitującego przez nie.