Jak korzystać: Pobieranie koloru ze zdjęcia
- 1
Otwórz obraz
Upuść, wybierz lub wklej zrzut ekranu, zdjęcie albo logo o rozmiarze do 25 MB – JPG, PNG, WebP, AVIF, HEIC, GIF lub SVG.
- 2
Wyceluj lupą
Najedź kursorem na obraz lub przeciągnij po nim. Lupa 11 × 11 pikseli pokazuje dokładnie ten piksel, który jest pod celownikiem, oraz jego kod HEX.
- 3
Kliknij, aby wybrać
Otrzymasz wartości HEX, RGB, HSL i OKLCH, każdą z osobnym przyciskiem kopiowania. Strzałki przesuwają celownik, a Enter wybiera kolor.
- 4
Pobierz paletę
Wybierz od 5 do 12 dominujących kolorów i skopiuj je jako zmienne CSS, JSON lub blok motywu Tailwind.
Limity i Pro
Jeden obraz naraz, do 25 MB, bez limitu wybranych kolorów, z paletą 5–12 kolorów i historią 24 kolorów.
Pro pozwala próbkować obrazy o rozmiarze do 4 GB. Zobacz Pro
O narzędziu: Pobieranie koloru ze zdjęcia
Próbnik kolorów z obrazu odczytuje dokładną wartość dowolnego piksela i zamienia cały obraz w paletę. Każdy wybrany kolor dostajesz w czterech zapisach: HEX do programów graficznych, rgb() i hsl() do CSS oraz oklch() do nowoczesnej pracy z kolorem w CSS, gdzie jasność i nasycenie zachowują się tak, jak oczekuje oko. Wybrane kolory trafiają do historii z ostatnich 24 pozycji, zapisanej w tej przeglądarce, więc będą tam także następnym razem. W Chrome i Edge na komputerze opcja Wybierz z ekranu pozwala dodatkowo pobrać dowolny kolor spoza strony za pomocą wbudowanej pipety przeglądarki.
Paleta jest liczona metodą klasteryzacji k-średnich w przestrzeni barw OKLab na kopii obrazu zmniejszonej tak, by jej dłuższy bok miał najwyżej 200 pikseli. Podobne klastry są łączone, przezroczyste piksele pomijane, a kolory sortowane według tego, jak dużą część obrazu zajmują. Udział widać na każdej próbce. Ten sam obraz zawsze daje tę samą paletę.
Ze znacznika korzystają projektanci, którzy chcą dopasować kolor marki z logo, zbudować motyw na podstawie zdjęcia, sprawdzić dokładny kolor przycisku na zrzucie ekranu albo zebrać moodboard. Wartości są w standardowym sRGB, tak jak przeglądarka wyświetla obraz, więc artefakt JPG lub źródło o szerokiej gamie mogą przesunąć wynik o kilka jednostek względem oryginalnego pliku projektu. Półprzezroczyste piksele podają kolor bez przezroczystości, a narzędzie nie nazywa kolorów ani nie sprawdza współczynników kontrastu.
Prywatność
Obraz jest dekodowany i próbkowany w tej karcie, a klasteryzacja palety działa w małym procesie Web Worker, tworzonym po otwarciu obrazu. Nic nie jest przesyłane na serwer. Historia kolorów zapisuje się tylko w pamięci lokalnej tej przeglądarki, a opcja Wybierz z ekranu korzysta z wbudowanej pipety, która przekazuje tej stronie wyłącznie jeden wybrany kolor.
Funkcje
Lupa co do piksela
Lupa 11 × 11 pikseli z przesuwaniem klawiaturą dla precyzyjnego wyboru myszą i dotykiem.
Paleta dominujących kolorów
5–12 kolorów metodą k-średnich w OKLab, posortowanych według udziału w obrazie.
Eksport dla programistów
Wartości HEX, RGB, HSL i OKLCH oraz zmienne CSS, JSON lub blok @theme Tailwind.
Historia kolorów
Ostatnie 24 kolory zostają w tej przeglądarce i można je skopiować jako listę.