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/ – покаже вам, як перейменувати шар і полегшить його ідентифікацію.