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.
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.
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 dodatkach dla webmasterów na naszej stronie.