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

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

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 кода заедно с шестнадесетичния цветен код на елемента. Методът е гъвкав за използване за тези, които искат прост и бърз начин да грабнат кодовете за любимите си цветове.


Leave a Comment

Как безопасно да премахнете профила си в Microsoft Edge и да изтриете всички лични данни за минути

Как безопасно да премахнете профила си в Microsoft Edge и да изтриете всички лични данни за минути

Открийте безупречно ръководство за безопасно премахване на вашия профил и лични данни в Microsoft Edge. Инструкциите стъпка по стъпка гарантират пълна защита на поверителността без рискове. Идеално за нови профили или ново начало.

🚀 БЪРЗО поправяне на грешката на прокси сървъра на Microsoft Edge: Доказани решения за безпроблемно сърфиране през 2026 г.!

🚀 БЪРЗО поправяне на грешката на прокси сървъра на Microsoft Edge: Доказани решения за безпроблемно сърфиране през 2026 г.!

Уморени ли сте от грешка в прокси сървъра на Microsoft Edge, която блокира сърфирането ви? Следвайте нашето експертно ръководство стъпка по стъпка, за да поправите проблема с прокси сървъра.

Как да споделяте YouTube видеоклипове в историята си в Instagram

Как да споделяте YouTube видеоклипове в историята си в Instagram

Може би искате да споделите вашите YouTube видеоклипове в Instagram, за да развиете марката си и да генерирате ангажираност, но как да споделяте YouTube видеоклипове в Instagram Story? Няма начин директно да споделите YouTube видеоклип в Instagram Story, но има начин да заобиколите това.

Бележките в Instagram не се показват/не работят? 6 начина за отстраняване на проблема

Бележките в Instagram не се показват/не работят? 6 начина за отстраняване на проблема

Бележките в Instagram са функция, която позволява на потребителите на Instagram да оставят кратки бележки, които тези в списъка им с приятели да прочетат. Проблемът е, че някои хора съобщават, че опцията „Бележки“ изчезва от страницата им със съобщения.

Как да транскрибирате разговори от Google Meet в Google Документи

Как да транскрибирате разговори от Google Meet в Google Документи

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

Не можете да се регистрирате за ChatGPT? 9 решения, които да опитате

Не можете да се регистрирате за ChatGPT? 9 решения, които да опитате

Вълнувате ли се да използвате ChatGPT, революционния чатбот с изкуствен интелект (ИИ), разработен от OpenAI? Регистрирането на акаунт в ChatGPT ви позволява да се възползвате от невероятната мощ на тези езикови модели и да изследвате безкрайните им възможности.

Как да отмените онлайн абонамента си за Nintendo Switch

Как да отмените онлайн абонамента си за Nintendo Switch

С абонамент за Nintendo Switch Online можете да играете онлайн на вашия Switch с приятели и дори да играете ретро игри на вашия Switch. Това е чудесна услуга, но ако трябва да прекратите абонамента си, за да спестите пари - или по някаква друга причина - ще се радвате да чуете, че е лесно да го направите.

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

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

Обмисляте ли да прекратите абонамента си за Norton AntiVirus? Регистрирахте ли се за ограничения пробен период, но не можете да разберете как да го прекратите.

Как да анулирате абонамента си за SHOWTIME

Как да анулирате абонамента си за SHOWTIME

SHOWTIME е стрийминг услуга, собственост на Paramount, която ви позволява да гледате филми, документални филми и спорт на всички стрийминг устройства. Ако имате абонамент за SHOWTIME, който вече не искате, не се притеснявайте – лесно е да го анулирате.

Как да транспонирате редове и колони в Google Таблици

Как да транспонирате редове и колони в Google Таблици

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