Pobierz Kolory z Obrazu
FreeWyodrębnij dominującą paletę kolorów z obrazu za pomocą kwantyzacji median-cut, z kopiowaniem jako hex lub zmienne CSS.
Działa całkowicie w twojej przeglądarce. Twój obraz nigdy nigdzie nie jest przesyłany.
Kliknij, aby wybrać obraz, lub przeciągnij i upuść jeden tutaj
Ostatnia Aktywność
Widoczne dla wszystkich. Ostatnie 20 użyć wśród wszystkich odwiedzających, najpierw najnowsze.
6 colors · #BB5446, #E5B1AE, #1B0813, #3E1E21, #422037, #4D3864
3 godziny temu
Co robi to narzędzie
Wyodrębnia dominującą paletę kolorów z dowolnego obrazu za pomocą kwantyzacji kolorów median-cut, tej samej techniki używanej przez popularne biblioteki do wyodrębniania palet, z regulowaną liczbą kolorów i kopiowaniem jednym kliknięciem jako kody hex lub zmienne CSS.
Jak To Działa
Wszystkie piksele obrazu zaczynają w jednej grupie. Narzędzie znajduje, który kanał koloru (czerwony, zielony, lub niebieski) ma najszerszy zakres wartości w najliczniejszej grupie, sortuje piksele tej grupy według tego kanału, i dzieli ją na pół przy medianie, tak aby obie połowy zawierały mniej więcej tę samą liczbę pikseli. Ten podział powtarza się, zawsze celując w grupę z najwięcej pikseli, aż będzie tyle grup, ile poproszonych kolorów. Każda ostateczna grupa jest następnie redukowana do jednego koloru przez uśrednienie jej pikseli, a wynikowe kolory są sortowane z najczęstszym (największą grupą) jako pierwszym.
Problemy, które rozwiązuje
- Budowanie palety kolorów lub motywu na podstawie zdjęcia, logo, lub dzieła sztuki.
- Szybkie identyfikowanie dominujących kolorów w obrazie do decyzji projektowych lub brandingowych.
- Generowanie gotowych do użycia niestandardowych właściwości CSS ze schematu kolorów obrazu.
Często zadawane pytania
›Jak to narzędzie wybiera, które kolory są najważniejsze na moim obrazie?
Używa techniki nazywanej kwantyzacją median-cut: traktuje kolor każdego piksela jako punkt w przestrzeni 3D czerwony/zielony/niebieski, wielokrotnie dzieli najliczniejszą grupę kolorów na pół wzdłuż tego kanału koloru, który zmienia się w niej najbardziej, i gdy ma już tyle grup, ile kolorów zażądałeś, uśrednia każdą grupę do jednego reprezentatywnego koloru. Grupy z większą liczbą pikseli pojawiają się pierwsze w wynikach, więc paleta odzwierciedla, jak dużą część obrazu faktycznie pokrywa każdy kolor.
›Dlaczego to jest mądrzejsze niż po prostu uśrednienie całego obrazu do jednego koloru?
Uśrednianie wszystkiego naraz zmieszałoby zdjęcie z wyraźnymi czerwonymi i niebieskimi obszarami w mętny fiolet, który nigdzie nie występuje w oryginale. Dzieląc przestrzeń kolorów na oddzielne grupy przed uśrednianiem, każda grupa zawiera tylko podobne kolory, więc czerwone i niebieskie obszary pozostają reprezentowane jako własne, oddzielne, rozpoznawalne wpisy palety zamiast wzajemnie się znosić.
›Dlaczego wyodrębniona paleta może przegapić kolor, który wyraźnie widzę na zdjęciu?
Jeśli ten kolor pokrywa tylko mały obszar obrazu, może zostać złączony w większą, bardziej dominującą grupę zamiast otrzymać własny slot, szczególnie przy niższej liczbie kolorów. Zwiększenie żądanej liczby kolorów daje małym lub subtelnym obszarom koloru lepszą szansę na wydzielenie do własnego wpisu palety.
›Czy to analizuje obraz w pełnej rozdzielczości?
Obraz jest najpierw zmniejszany do mniejszej kopii roboczej przed analizą, ponieważ wyodrębnianie palety potrzebuje tylko reprezentatywnej próbki kolorów, nie każdego piksela, i to utrzymuje narzędzie szybkim nawet na dużych zdjęciach. To nie wpływa na sam obraz, tylko na analizę, nic nie jest przesyłane, a oryginalny plik nigdy nie jest modyfikowany.
›Czy mogę użyć palety w moim CSS?
Tak, kliknij "Kopiuj jako Zmienne CSS", aby skopiować paletę jako gotowe do wklejenia niestandardowe właściwości --color-1 przez --color-N, lub "Kopiuj jako Listę HEX" dla zwykłej listy kodów hex.
Powiązane Narzędzia
Obraz
Dodaj Linię do Obrazu
Narysuj jedną lub więcej linii na przesłanym obrazie przez przeciąganie lub precyzyjne współrzędne, potem pobierz wynik w pełnej rozdzielczości.
FreeObraz
Dodaj Szum do Obrazu
Dodaj losowy ziarnistość lub szum kolorowy do obrazu, bezpośrednio w przeglądarce.
FreeObraz
Masowe Dodawanie Szumu do Obrazów
Dodaj ten sam efekt ziarna lub szumu kolorowego do wielu obrazów naraz, bezpośrednio w przeglądarce.
FreeObraz
Dostosuj Gammę Obrazu
Rozjaśnij lub przyciemnij półcienie obrazu za pomocą krzywej gamma, bezpośrednio w przeglądarce.
FreeObraz
Masowe Dostosowywanie Gammy Obrazów
Zastosuj tę samą korekcję gamma do wielu obrazów naraz, bezpośrednio w przeglądarce.
FreeObraz
Dostosuj HSL Obrazu
Przesuń odcień, nasycenie, i jasność na obrazie za pomocą suwaków na żywo, bezpośrednio w przeglądarce.
FreeObraz
Masowe Dostosowywanie HSL Obrazów
Zastosuj tę samą regulację odcienia, nasycenia, i jasności do wielu obrazów naraz, bezpośrednio w przeglądarce.
FreeObraz
Dodaj Tekst do Obrazu
Dodaj jeden lub więcej niestandardowych podpisów tekstowych na obrazie, bezpośrednio w przeglądarce.
Komentarze (0)
Uznałeś to narzędzie za przydatne? Zostaw komentarz, podziel się wskazówką, lub powiedz nam, jak możemy je ulepszyć.
Jeszcze brak komentarzy. Bądź pierwszym, który podzieli się swoimi przemyśleniami!