Jak korzystać z próbnika kolorów (zakraplacza do oczu)?

Jest bardzo przydatne narzędzie wbudowane w narzędzie programistyczne chrome, które właśnie odkryłem. Nawet nie znam jego nazwy i nie mogę go znaleźć w Google. Powiedziałbym, że jest to narzędzie inspektora pikseli.

Znajduję następującą metodę, jak go używać:

1a. Sprawdź element HTML z kolorem tła.

1b. Zdefiniuj kolor tła elementu.

2. Kliknij próbnik kolorów.
3. Najedź myszą na dowolny element na stronie (nie na narzędziu deweloperskim)

Zobacz: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif

Moje pytania: Jak nazywa się to narzędzie? Jak łatwo z niego korzystać? W większości przypadków nie obchodzi mnie kolor, ale chcę sprawdzić piksele ikony. Czy istnieje skrót klawiszowy tego narzędzia?

Aby otworzyć zakraplacz, wystarczy:

1. Otwórz DevTools F12
2. Przejdź do zakładki Elementy
3. Na pasku bocznym Style kliknij dowolne pole podglądu koloru

Jego główną funkcją jest sprawdzanie wartości kolorów pikseli, klikając je, ale dzięki nowym funkcjom możesz również zobaczyć istniejącą paletę kolorów strony lub paletę Material Design, klikając ikonę dwóch strzałek u dołu. Przydaje się przy projektowaniu strony.

Nazywa się to po prostu kroplomierzem. Nie ma do tego klawisza skrótu, o którym wiem. Jedynym sposobem, w jaki możesz go teraz użyć, jest kliknięcie pola wyboru koloru na pasku bocznym stylów, a następnie kliknięcie strony, tak jak już robiłeś.

Obecnie kroplomierz nie działa w mojej wersji Chrome (jak opisano powyżej), chociaż działało u mnie w przeszłości. Słyszałem, że jest aktualizowany w najnowszej wersji Chrome.

Jednak jestem w stanie łatwo pobrać kolory w Firefoksie.

1. Otwórz stronę w przeglądarce Firefox
2. Menu Hamburger -> Twórca stron internetowych -> Kroplomierz
3. Przeciągnij narzędzie Kroplomierz na obraz ... Kliknij .
   Kolor jest kopiowany do schowka, a zakraplacz znika.
4. Wklej kod koloru

Jeśli nie możesz uruchomić narzędzia zakraplacza do działania w Chrome, jest to dobre obejście.
Łatwiej mi się też dostać :-)