Lupa ułatwia trafienie w drobne szczegóły, a główne kolory obrazu są wyciągane jako paleta, którą możesz skopiować lub wyeksportować. Znajdź dokładny kolor czegokolwiek na obrazie, za darmo i prywatnie.
Jak wybrać kolor z obrazu
- Naciśnij Otwórz obraz.
- Poruszaj się po obrazie i kliknij lub dotknij, aby wybrać kolor. Użyj Rozmiaru próbki, aby uśrednić 1 piksel, 3 × 3 lub 5 × 5 pikseli.
- Odczytaj wartość jako HEX, RGB lub HSL i naciśnij Kopiuj.
- Twoje wybory są zebrane w sekcji Twoje wybory.
- Wybierz Główne kolory lub Równomierny rozkład dla automatycznej palety i ustaw, ile Kolorów chcesz.
- Jeśli paleta nie jest dokładnie taka, jak trzeba, zablokuj kolory, które Ci się podobają, usuń pozostałe i naciśnij Wybierz ponownie resztę. Dodaj z obrazu wstawia do palety każdy klikany kolor.
- W sekcji Eksport wybierz Paleta, CSS, JSON, GIMP lub Adobe i naciśnij Pobierz paletę.
Dokładne kolory z dowolnego obrazu
Poruszaj się po obrazie, a lupa pokazuje piksele pod kursorem, powiększone, z tym, który wybierzesz, pośrodku. Kliknij lub dotknij, aby go wybrać. Na telefonie przeciągnij palcem i podnieś go na kolorze, który chcesz; lupa leży nad palcem, więc widzisz, co jest pod spodem. Z klawiaturą ustaw fokus na obrazie i użyj klawiszy strzałek, przytrzymując Shift, by poruszać się szybciej, a potem naciśnij Enter.
Paleta w jednym kroku
Główne kolory grupuje podobne piksele i wypisuje kolory pokrywające największą część obrazu, co pasuje do zdjęć i grafik marki. Równomierny rozkład dzieli pełny zakres kolorów na równe grupy, więc małe akcenty, takie jak znak logo lub kolor przycisku, mają większą szansę na własną próbkę. Wybierz, ile kolorów chcesz; każda próbka pokazuje, jaką część obrazu pokrywa.
Gotowe dla Twoich narzędzi projektowych
Skopiuj pojedynczą wartość jako HEX, RGB lub HSL dla CSS albo wyeksportuj całą paletę jako zmienne CSS, JSON dla kodu i tokenów projektowych, paletę GIMP, którą czytają też Inkscape i Krita, lub plik Adobe Swatch Exchange dla Photoshopa i Illustratora. Obrazy są odczytywane przez przeglądarkę i nigdy nie są przesyłane.
Wskazówki dla dokładnych kolorów
- Użyj większego rozmiaru próbki na zdjęciach, bo pojedyncze piksele mogą zawierać szum.
- Użyj 1 piksela dla płaskich logo, ikon i zrzutów ekranu, gdzie chcesz dokładnej wartości.
- Pamiętaj, że kolory zdjęcia zależą od oświetlenia i aparatu, więc mogą nie odpowiadać prawdziwemu przedmiotowi.
- Użyj konwertera kolorów, aby sprawdzić kontrast i przechodzić między formatami.
Typowe zastosowania
Dopasowanie strony lub slajdu do logo, budowanie palety kolorów ze zdjęcia, wybór kolorów farby lub tkaniny i kopiowanie dokładnego koloru ze zrzutu ekranu. Projektanci, uczniowie i właściciele małych firm używają tego codziennie.
Pytania
Czy mój obraz jest przesyłany?
Nie. Jest odczytywany w Twojej przeglądarce.
Jakie typy obrazów działają?
Dowolny obraz, który Twoja przeglądarka potrafi otworzyć, w tym PNG, JPG, WebP, GIF i SVG.
Którego formatu palety powinienem użyć?
Użyj CSS dla stron internetowych, JSON dla kodu, GIMP dla darmowych programów graficznych i Adobe dla Photoshopa i Illustratora.