Как да идентифицирате специфичен цвят в приложение или уебсайт

Представете си, че прелиствате изображения и намирате перфектния цвят – точния нюанс, от който се нуждаете за следващия си дизайнерски проект. В интернет има някои страхотни инструменти, които да ви помогнат да идентифицирате конкретни цветове във всяко приложение или уебсайт. Нека да разгледаме някои от най-добрите варианти за тях.

1. Използване на инструменти за програмисти в уеб браузъра Chrome

Една опция, която можете да опитате, е инструментът за разработчици на Chrome. Chrome идва с много полезни функции за разработчиците, което прави задачите много по-лесни за изпълнение. Можете да използвате следните стъпки, за да идентифицирате конкретни цветове във всяко приложение или уебсайт.

  • Отворете уебсайта, на който искате да идентифицирате цвят, в уеб браузъра Chrome
  • Кликнете върху иконата с три точки в горния десен ъгъл на Chrome. Ще се появи изскачащ прозорец с куп опции.
  • Щракнете върху „Още инструменти“ и след това изберете „Инструменти за разработчици“ от изскачащия прозорец.
  • Използвайте Ctrl + Shift + I, ако искате да пропуснете горните стъпки
  • Сега прозорецът се разделя на два екрана – уебсайтът вляво и кодът на уебсайта вдясно
  • Въведете Ctrl + Shift + C на клавиатурата си. Това ви показва всички подробности за конкретен елемент на уебсайта, когато задържим курсора на мишката върху елементите.
  • Можете да намерите цветния код на елемента заедно с друга полезна информация.

Пример

Да приемем, че се интересувате от специфичните цветови кодове за някои елементи на следния уебсайт:

Как да идентифицирате специфичен цвят в приложение или уебсайт

Можете да изберете инструментите за разработчици, като щракнете върху трите точки в ъгъла на екрана. В падащото меню изберете Още инструменти, след това Инструменти за разработчици.

Как да идентифицирате специфичен цвят в приложение или уебсайт

Как да идентифицирате специфичен цвят в приложение или уебсайт

Екранът ще бъде визуално разделен на две страници. Ще видите уебсайта вляво и кода на сайта вдясно.

Как да идентифицирате специфичен цвят в приложение или уебсайт

Въведете командата и прекия път „Ctrl + Shift + C“ и задръжте курсора на мишката върху елементите на уебсайта. Това ще покаже цвета на този елемент, заедно с друга полезна информация. По-долу са дадени два примера, където намираме цвета на лентата за навигация и таблото за управление под инструмента за търсене.

Тук можем да намерим цветния код в изскачащия прозорец за навигационната лента. Цветовият код е #333333.

Как да идентифицирате специфичен цвят в приложение или уебсайт

Цветът на таблото може да бъде намерен заедно с други полезни детайли. Цвят: #333333, Цвят на фона: #5D4A8E. Въпреки че в началото може да изглежда малко плашещо, програмата става много по-лесна за използване с малко практика.

2. Хромиран удължител за капкомер за очи

Eye Dropper е популярно и широко използвано разширение за Chrome, което ви помага да намерите определени цветове на всеки уебсайт или приложение.

Как да идентифицирате специфичен цвят в приложение или уебсайт

Следвайте стъпките по-долу, за да идентифицирате конкретни цветове на уебсайт или приложение, като използвате инструмента за разширение на капкомер за очи.

  • Отворете всеки уебсайт или приложение в уеб браузъра Chrome
  • Щракнете върху иконата за разширение на капкомер за очи
  • Изберете „Избор на цвят от уеб страница“ и задръжте курсора на мишката върху различни елементи в приложението или уебсайта.

Как да идентифицирате специфичен цвят в приложение или уебсайт

Можете да намерите цветния код на елементите, изброени в долния десен ъгъл на уеб страницата.

Пример

Добре, нека използваме инструмента за удължаване на капкомер в пример от реалния живот. Ще започнем с отваряне на уебсайт и натискане на иконата за разширение на капкомер за очи

Как да идентифицирате специфичен цвят в приложение или уебсайт

Когато задържите курсора на мишката върху различни елементи на уебсайта, можете да видите как цветните кодове се появяват в секция в долния десен ъгъл на екрана.

Как да идентифицирате специфичен цвят в приложение или уебсайт

Когато задържа курсора си върху V-образната икона, мога да видя цветния й код в долния прозорец, както е споменато. Предимството на този инструмент е, че можете да намерите и RGB кода заедно с шестнадесетичния цветен код на елемента. Методът е гъвкав за използване за тези, които искат прост и бърз начин да грабнат кодовете за любимите си цветове.

Оставете коментар

Как да снаждате Ethernet кабел

Как да снаждате Ethernet кабел

Ethernet кабелите остават най-бързата и надеждна форма на компютърна мрежа. Кабелите са евтини, но често ще ви е необходима различна дължина на кабела от тази, която се предлага на пазара.

Как да поставите PS5 в режим на почивка

Как да поставите PS5 в режим на почивка

Режимът на почивка е функция на Sony PlayStation 5, която пести енергия, когато не използвате активно конзолата. За разлика от пълното изключване, той запазва системния софтуер и отворените видеоигри в паметта, което ви позволява да се върнете към действието за секунди.

Как да влезете и излезете от режим на цял екран в Google Chrome

Как да влезете и излезете от режим на цял екран в Google Chrome

Режимът на цял екран ви осигурява безпроблемно изживяване за приложенията, които използвате. Когато искате да работите онлайн, да четете уеб страница или да гледате онлайн видеоклип, можете лесно да влезете в режим на цял екран в Google Chrome на Windows и macOS.

Snapchat „Само моите очи“: Какво означава и как да го настроите

Snapchat „Само моите очи“: Какво означава и как да го настроите

Всички имаме снимки, които искаме да запазим поверителни, независимо дали са лични снимки или просто нещо, което не искаме никой друг да вижда, използващ телефона ни. Вече можете да създавате лични истории в Snapchat, а сега, за тези допълнителни лични снимки, можете да защитите поверителността си в Snapchat с функцията My Eyes Only Snapchat.

Как да прекратите абонамента си за SiriusXM

Как да прекратите абонамента си за SiriusXM

Независимо дали сте дългогодишен слушател и решавате, че е време за промяна, или може би обмисляте преминаването поради бюджетни ограничения, може да дойде момент, в който искате да прекратите абонамента си. Прекратяването на услугата SiriusXM не е прекалено сложен процес, но зависи от това как всъщност сте се абонирали за услугата.

10 скрити функции на Google Таблици, за които не сте знаели, че съществуват

10 скрити функции на Google Таблици, за които не сте знаели, че съществуват

Ако използвате Google Таблици редовно, вероятно сте запознати с тези инструменти, които използвате често. Има обаче много функции на това приложение за електронни таблици, които остават незабелязани и недостатъчно използвани.

Как да удължите живота на батерията на вашия PS5 DualSense контролер

Как да удължите живота на батерията на вашия PS5 DualSense контролер

Контролерът PS5 DualSense е снабден с презареждаща се батерия от 1560 mAh, която може да издържи между 12 и 15 часа, в зависимост от употребата. Начинът, по който използвате контролера си, влияе върху това колко дълго ще издържи батерията му, а някои игри консумират повече време от други, така че как можете да удължите живота на батерията на вашия PS5 контролер.

Как да поправите грешката „Нещо се обърка. Опитайте да презаредите“ в Twitter в Google Chrome

Как да поправите грешката „Нещо се обърка. Опитайте да презаредите“ в Twitter в Google Chrome

Получавате ли грешка „Нещо се обърка. Опитайте да презаредите“, докато достъпвате Twitter в Google Chrome на вашия компютър.

6 програми за начинаещи, за да си създадат собствени видеоигри

6 програми за начинаещи, за да си създадат собствени видеоигри

Идеята за създаване на видеоигри е привлекателна за мнозина. Процесът на реалното им създаване обаче, особено когато сте начинаещ в програмирането, е обезсърчителен.

Как да махнете във Facebook (настолен компютър и мобилно устройство)

Как да махнете във Facebook (настолен компютър и мобилно устройство)

Започването на разговор с някого чрез социална медийна платформа като Facebook може да бъде плашещо. Често прекалено много мислим какво да кажем и как да се представим.