Jak sprawdzić kolor na stronie www?

Na stronach internetowych poza gotowymi grafikami, często używane są różnego rodzaju elementy graficzne, belki menu, sekcje, tła itp. Mają one określone kolory, które najczęściej ustawia się w kaskadowych arkuszach stylu CSS. Czasami jako webmasterowi spodoba Ci się dany kolor z konkretnego elementu na innej stronie i chciałbyś się dowiedzieć jaki to jest kolor. A konkretniej przydałby się kod koloru w HTML, który można by użyć u siebie przy tworzeniu strony www.

Jaki kolor został użyty na stronie internetowej można sprawdzić w każdej chwili, sprawdzając w przeglądarce internetowej. Na poniższym przykładzie została użyta przeglądarka Opera, aczkolwiek nic nie stoi na przeszkodzie, żeby to była inna np. Firefox czy Chrome, jedynie opis funkcji w menu może się nieznacznie różnić.

Najeżdżasz kursorem na dany element strony, którego kolor chcesz sprawdzić i klikasz prawym przyciskiem myszy, następnie z menu kontekstowego wybierasz Zbadaj element.

zbadaj element

Wyświetli się specjalna konsola dla developerów, w której można sprawdzić wiele aspektów technicznych strony, którą badamy. Jeśli wybrałeś opcję na konkretnym elemencie, to wyświetli się jego fragment kodu źródłowego (w HTML), a poniżej w sekcji Style znajdziesz jaki kolor został użyty w CSS.

sprawdzanie koloru na stronie

W przykładzie na powyższych screenach, badany był kolor belki menu na tej stronie (rankhost.pl), dzięki czemu dowiedzieliśmy się, jaki to jest kolor zapisany w kodzie HTML – #54397E, czyli ciemnofioletowy.

Jak widać, w konsoli sprawdzisz wiele innych kolorów z danej strony np. kolor tła. Jeśli natomiast dany element strony jest grafiką (np. w formacie JPEG), to musisz użyć zewnętrznego programu np. Peacock Color Picker, do którego link umieściliśmy w narzędziach dla webmasterów na naszej stronie.