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

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

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 за минути – Доказано ръководство за 2026 г.

🚀 Поправете конфликта при синхронизиране на множество профили в Microsoft Edge за минути – Доказано ръководство за 2026 г.

Омръзна ли ви от конфликт при синхронизиране на множество профили в Microsoft Edge, който съсипва сърфирането ви? Открийте поетапни решения за разрешаване на грешки при синхронизиране, обединяване на профили и безпроблемно синхронизиране на различни устройства. Работи с най-новите версии на Edge!

🚀 Поправете грешката „Паузиран акаунт в синхронизацията на Microsoft Edge“: Доказани стъпки за отстраняване на неизправности

🚀 Поправете грешката „Паузиран акаунт в синхронизацията на Microsoft Edge“: Доказани стъпки за отстраняване на неизправности

Уморени ли сте от грешка „Паузиран акаунт“ в Microsoft Edge Sync, която прекъсва сърфирането ви? Открийте бързи и ефективни стъпки за отстраняване на неизправности, за да възстановите безпроблемната синхронизация на всички устройства. Актуализирано с най-новите корекции за безпроблемно изживяване в Edge.

Поправка на грешка „Неразпознат диск“ при обратно съвместими игри – Пълно ръководство за Xbox

Поправка на грешка „Неразпознат диск“ при обратно съвместими игри – Пълно ръководство за Xbox

Справете се с досадната грешка „Неразпознат диск“ за обратно съвместими игри на Xbox Series X|S. Следвайте нашите доказани, стъпка по стъпка решения, за да възстановите незабавно вашата класическа библиотека с игри.

🚀 Поправете незабавно грешката при нулиране на ПИН кода на Microsoft Edge за Windows Hello – Доказани решения за 2026 г.!

🚀 Поправете незабавно грешката при нулиране на ПИН кода на Microsoft Edge за Windows Hello – Доказани решения за 2026 г.!

Имате проблеми с грешката при нулиране на ПИН кода в Microsoft Edge за Windows Hello? Открийте подробни решения, за да я разрешите бързо. Възстановете достъпа до браузъра си безпроблемно – актуализиран за най-новите актуализации на Windows.

🚀 Поправете празен бял екран на Microsoft Edge при стартиране: Доказани решения, които работят мигновено!

🚀 Поправете празен бял екран на Microsoft Edge при стартиране: Доказани решения, които работят мигновено!

Имате проблеми с празен бял екран в Microsoft Edge при стартиране? Открийте подробни решения за проблема с празен бял екран в Edge, от бързо нулиране до разширени поправки. Върнете се към плавното сърфиране!

Не губете предимството си: Пълно ръководство за архивиране на данни от Microsoft Edge преди нулиране на системата

Не губете предимството си: Пълно ръководство за архивиране на данни от Microsoft Edge преди нулиране на системата

Ръководство стъпка по стъпка за това как да архивирате данни в Microsoft Edge, като отметки, пароли, история и настройки, преди системно нулиране. Защитете основните си данни за сърфиране с лесни и надеждни методи.

🚀 Поправка на Microsoft Edge Capture Card без сигнал при 60FPS – Пълно ръководство за плавно стриймване с 60FPS!

🚀 Поправка на Microsoft Edge Capture Card без сигнал при 60FPS – Пълно ръководство за плавно стриймване с 60FPS!

Заседнали сте с грешка „Няма сигнал при 60 кадъра в секунда“ в Microsoft Edge Capture Card? Открийте доказани решения за възстановяване на сигнала, плавно достигане на 60 кадъра в секунда и стрийминг без забавяне. Ръководство стъпка по стъпка за незабавни резултати!

🚀 Поправете грешката в конфигурацията на Microsoft Edge Side-by-Side за минути – Доказано ръководство за 2026 г.!

🚀 Поправете грешката в конфигурацията на Microsoft Edge Side-by-Side за минути – Доказано ръководство за 2026 г.!

Уморени ли сте от досадната грешка при конфигуриране на Microsoft Edge Side-by-Side? Открийте прости, стъпка по стъпка решения, за да я разрешите бързо и да възстановите плавното сърфиране. Актуализирано с най-новите решения!

Поправете грешка 124 в инсталатора на Microsoft Edge за минути: Доказано ръководство за отстраняване на неизправности

Поправете грешка 124 в инсталатора на Microsoft Edge за минути: Доказано ръководство за отстраняване на неизправности

Заседнали сте с грешка 124 в инсталатора на Microsoft Edge? Получете подробни решения, за да отстраните бързо грешките при инсталиране. Доказани решения за безпроблемна настройка на Edge на Windows. Не са необходими технически умения!

Поправете грешка 124 в инсталатора на Microsoft Edge в Windows 11: Пълно ръководство стъпка по стъпка

Поправете грешка 124 в инсталатора на Microsoft Edge в Windows 11: Пълно ръководство стъпка по стъпка

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