Photoshop и веб-дизайн часто идут рука об руку, и одним из наиболее важных элементов этого сосуществования является способность точно отображать цвета между этими двумя местами. Но вы можете обнаружить, что у вас есть цвет на изображении, который вы хотели бы использовать на своей веб-странице. Будь то цвет шрифта, цвет фона или эффект наведения, эффективное использование тех же или дополнительных цветов на веб-странице может иметь большое влияние. Хотя могут быть некоторые обходные способы найти цвет в Photoshop в формате, который можно использовать на веб-странице, на самом деле существует простой способ вывода информации о цвете в виде HTML.
В нашем руководстве ниже показано, как использовать инструмент «Пипетка» в Photoshop для копирования цвета в формате HTML, чтобы вы могли вставить его непосредственно в элемент HTML.
Получите HTML-код для цвета из файла Photoshop
Действия, описанные в этой статье, предполагают, что у вас есть цвет в файле Photoshop и вы хотите получить HTML-код для этого цвета, чтобы использовать его на веб-странице. Мы покажем вам инструмент и метод получения этой информации в Photoshop, а затем покажем вам результат скопированной информации.
Шаг 1. Откройте файл в Photoshop CS5.
Шаг 2. Щелкните значок Инструмент "Пипетка" в наборе инструментов.
Шаг 3: Поместите кончик Инструмент "Пипетка" на цвете, для которого вам нужен HTML-код, затем щелкните его правой кнопкой мыши и выберите Копировать цвет как HTML вариант.
Если вы затем вставите информацию, она будет вставлена в формате, показанном на рисунке ниже.
Становится сложно определить, какой слой в вашем файле Photoshop содержит какие объекты? Эта статья - //www.solveyourtech.com/rename-layer-photoshop-cs5/ - покажет вам, как переименовать слой и упростить идентификацию.