Как найти код цвета в HTML

Kak Najti Kod Cveta V Html



Цвета играют жизненно важную роль в невербальной передаче информации. Веб-сайт с интерактивными цветами считается привлекательным и визуально привлекательным. Существуют различные методы применения цветов к элементам HTML: RGB, RGBA, HEX Code, HSLA и HSL. Однако вы можете найти цветовые коды, просматривая страницу, выбирая цвета из палитры цветов или используя функцию пипетки на панели инструментов разработчика.

В этом исследовании мы обсудим методы поиска цветового кода в HTML.







Способ 1: найти цветовой код в HTML, проверив веб-страницу

Ниже приведены шаги, чтобы найти цветовой код, проверив страницу.



Шаг 1: Откройте веб-страницу



Сначала откройте нужную веб-страницу:





Шаг 2: выберите вариант проверки



Щелкните правой кнопкой мыши на странице и выберите « Осмотреть ” из меню, что обеспечит доступ к “ Инструменты разработчика панель:

В результате « Элементы ” будет отображаться в нижней части браузера:

Шаг 3. Отрегулируйте место панели инструментов разработчика

Нажав на три точки в углу, вы можете выбрать размещение панели. Например, мы выбрали выделенный зеленым значок. Кроме того, размер окна проверки можно изменить, перетащив его углы:

Шаг 4: выберите элемент для проверки

Затем нажмите на выделенный значок, чтобы выбрать элемент, который вы хотите проверить:

Шаг 5: выберите элемент

Наведите курсор на элемент, цветовой код которого необходимо найти, и нажмите на него. В результате « Стили Откроется вкладка и отобразятся свойства стиля выбранного элемента, из которых вы должны выбрать цвет, как показано в зеленом выделенном поле:

Шаг 6: выберите цвет из палитры цветов

Скопируйте код цвета из открывшегося окна палитры цветов:

На изображении ниже показано, что мы также можем выбирать цвета, щелкая маленькие цветные поля, выделенные красным цветом. Принимая во внимание, что желтый прямоугольник представляет собой указатель, который постепенно изменяется, чтобы увидеть цвет выбранного элемента:

Шаг 7: Отрегулируйте непрозрачность цвета

Вы также можете настроить непрозрачность цвета, как показано на следующем GIF:

Способ 2: поиск цветового кода в HTML с помощью функции пипетки

Функцию «Пипетка» также можно использовать для выбора любого цвета на веб-странице. Эта функция очень удобна, поскольку позволяет выбрать цвет в любом месте отображаемого окна.

Примечание: Функция «Пипетка» представлена ​​красным выделенным полем на изображении ниже:

Вот демонстрация работы инструмента «Пипетка»:

После выбора цвета для вашего элемента скопируйте код цвета и вставьте его в CSS вашего проекта.

Заключение

Существуют различные методы применения цветов к элементам HTML: RGB, RGBA, HEX Code, HSLA и HSL. Вы можете найти цветовые коды по « осмотр » на любой веб-странице или выбрав цвета из « палитра цветов ' и с помощью ' Пипетка для глаз ' особенность. В этой статье продемонстрирована процедура поиска цветовых кодов в HTML с подробными примерами.