Photoshop i projektowanie stron internetowych często idą w parze, a jednym z najważniejszych elementów tej koegzystencji jest możliwość dokładnego odwzorowania kolorów pomiędzy tymi dwoma miejscami. Ale może się okazać, że masz kolor na obrazku, którego chciałbyś użyć na swojej stronie internetowej. Niezależnie od tego, czy jest to kolor czcionki, kolor tła, czy efekt najechania kursorem, efektywne użycie tych samych lub uzupełniających się kolorów na stronie sieci Web może mieć duży wpływ. Chociaż mogą istnieć pewne okrężne sposoby na znalezienie koloru w programie Photoshop w formacie, którego można użyć na stronie internetowej, w rzeczywistości istnieje prosta metoda wyprowadzania informacji o kolorze w formacie HTML.
Nasz przewodnik poniżej pokazuje, jak używać narzędzia Kroplomierz w Photoshopie do kopiowania koloru jako HTML, aby można było wkleić go bezpośrednio do elementu HTML.
Pobierz kod HTML dla koloru z pliku Photoshop
Czynności opisane w tym artykule zakładają, że masz kolor w pliku programu Photoshop i chcesz uzyskać kod HTML dla tego koloru, aby móc go używać na stronie internetowej. Pokażemy Ci narzędzie i metodę pozyskiwania tych informacji w Photoshopie, a następnie pokażemy dane wyjściowe skopiowanych informacji.
Krok 1: Otwórz plik w programie Photoshop CS5.
Krok 2: Kliknij Narzędzie Kroplomierz w przyborniku.
Krok 3: Umieść końcówkę Narzędzie Kroplomierz na kolor, dla którego potrzebujesz kodu HTML, a następnie kliknij go prawym przyciskiem myszy i wybierz Kopiuj kolor jako HTML opcja.
Jeśli następnie wkleisz informacje, zostaną one wklejone w formacie pokazanym na poniższym obrazku.
Czy trudno jest określić, która warstwa w pliku programu Photoshop zawiera które obiekty? Ten artykuł – //www.solveyourtech.com/rename-layer-photoshop-cs5/ – pokaże Ci, jak zmienić nazwę warstwy i ułatwić jej identyfikację.