Введение в название цвета в HTML

Имя цвета в HTML играет очень важную роль в процессе разработки веб-приложений. Это помогает изменить внешний вид нашего веб-сайта или приложения. А также делает наше приложение более привлекательным и интерактивным. Существуют различные способы определения Цветового имени в HTML в формате кодирования HTML. можно использовать дополнительные свойства CSS, чтобы использовать его более эффективно. Мы можем использовать имя цвета HTML на уровне страницы, включив его в часть тела, а также установить индивидуальный цвет для конкретного элемента. Имя цвета в HTML специально используется для цвета текста, фона, цвета рамки, теней, градиентов и многого другого.

Синтаксис

  • Существуют различные способы использования цветов HTML. Давайте посмотрим один за другим.
  • Основное использование цвета HTML - это применить его к тексту. просто используйте в качестве цвета текста для отображения текста в разных цветах HTML.

1. Синтаксис цвета текста

color : color_name;

Давайте посмотрим, как будет работать этот синтаксис,

Welcome to EDUBCA

В приведенном выше примере будет показан текст Welcome to EDUBCA в синем цвете, например:

  • С помощью цветов HTML также возможно добавить их в качестве цвета фона.

2. Синтаксис цвета фона

background-color:color_name;

Давайте посмотрим, как будет работать этот синтаксис,

В этой категории хранится вся информация о дизайне, разбросанная по многочисленным подкатегориям курса «Дизайн».

  • Также можно добавить цветную рамку вокруг любого текста или элемента, используя цвет HTML, используя следующий синтаксис:

3. Цвет границы Синтаксис: граница

value color_name;

Давайте посмотрим, как будет работать этот синтаксис,

EDUCBA free certification course

Типы названия цвета в HTML

Есть разные способы определения имен цветов в HTML. Трудно запомнить другое имя в разных цветах. Таким образом, должно быть принято решение дать некоторые значения разным цветам. Давайте посмотрим один за другим

1. Значение RGB

  • Это один из способов определения имен цветов HTML в сочетании значений красного, зеленого и синего цветов. Что используется для определения интенсивности цвета между цифрами от 0 до 255?
  • Предположим, что мы хотим определить черный цвет, используя комбинацию RGB, тогда ему будет нравиться RGB (0, 0, 0). Здесь все параметры цвета будут установлены на 0. Таким образом, он будет отображать черный цвет.
  • Как и другой RGB (0, 0, 255) будет отображать синий цвет, поскольку 255 задается как наибольшее значение для синего, а другой равен 0.
  • Если мы собираемся 3 равных значения RGB, то он будет генерировать оттенки серого цвета.

Пример: RGB (0, 0, 0) для самого темного цвета, где RGB (255, 255, 255) для самого светлого.

2. Значение HEX

  • Это один из наиболее часто используемых форматов имени цвета в HTML, в котором имя цвета будет определено в формате шестнадцатеричного значения.
  • Формат #rrggbb включает значения от RR для красного, gg для зеленого и bb для синего, помещаются в диапазоне от 00 до шестнадцатеричного значения.
  • Давайте рассмотрим один пример, определяющий цвет # 00ff00. поэтому эти значения будут сгенерированы зеленым цветом, потому что зеленый содержит самое высокое значение (ff), где другое должно быть установлено на 00.

3. Значение HSL

  • Другой формат для определения цвета HTML в форме оттенка, насыщенности, легкости.
  • Теперь мы увидим все термины один за другим. Оттенок определяется как степень цвета от 0 до 360. в котором 0 для красного, 120 для зеленого и 240 для синего.
  • Насыщенность определяет значение цвета в процентах, в котором 0% говорит о оттенке серого, где 100% для полного цвета.
  • Освещенность также работает как процент, который определяет 0% для черного, 50% для светлого или темного, где 100% для белого.

4. Значение RGBA

  • Этот тип цвета HTML определяет расширение для цвета RGB, включая альфа-значение. Где альфа используется для определения непрозрачности цвета.
  • Альфа-значение находится в диапазоне от 0, 0 (полностью прозрачно) до 1, 0 (вообще не прозрачно)
  • Примером является rgba (255, 99, 71, 0)

5. Значение HSLA

  • Он работает так же, как и значение цвета HSL, а также альфа-значение для определения непрозрачности цвета.
  • hsla (8, 100%, 80%, 0) для полностью прозрачного цвета.
  • hsla (8, 100%, 80%, 0, 9) за не так много прозрачного цвета.

Примеры названия цвета в HTML

Давайте посмотрим, как имя цвета в HTML используется с помощью некоторых примеров, упомянутых ниже:

Пример № 1

Давайте рассмотрим общий пример, показывающий, как будет использоваться пример названия цвета в HTML:

HTML код:



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun



About Life…..
Creativity Is Intelligence Having Fun

Вы узнаете больше от неудачи, чем от успеха. Не позволяй этому остановить тебя. Неудача строит персонажа. Если вы работаете над чем-то, что вас действительно волнует, вам не нужно давить. Видение тянет вас

Выход:

Пример № 2

Теперь мы возьмем другой пример, который определит все типы цветов HTML следующим образом:

HTML код:



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade



RGB defines Red color
RGB same values define Gray shade
New color using Hex Value
Shade of Gray
hsl color shade
rgba color shade
hsla color shade

Выход:

В приведенном выше примере мы можем видеть использование различных типов цветов HTML и как они названы в HTML.

Пример № 3

Еще одно использование цвета HTML - это определение границы элемента, которая выглядит следующим образом:

Например, здесь мы можем добавить рамку к вашему телу кода, изменив фон, а также цвет текста.

HTML код:

Самореализующаяся теория говорит о внутренних вознаграждениях, присущих выполнению задачи, таких как удовлетворенность работой, чувство достижения и т. Д.

Выход:

Вывод

Мы обнаружили, что цвета HTML определяются с разными именами, процентным значением, шестнадцатеричным значением, альфа-значением и многими другими. Имя цвета в HTML используется, чтобы сделать цвет для текста, для фона, для границы, для градаций. Существуют различные типы для определения имени цвета HTML как RGB, hex, hsl, rgba, hsla.

Рекомендуемые статьи

Это руководство по названию цвета в HTML. Здесь мы обсуждаем введение, Типы Цветового Имени в HTML, а также примеры, Синтаксис и HTML-коды. Вы также можете просмотреть наши другие предлагаемые статьи, чтобы узнать больше -

  1. Атрибут HTML стиля
  2. Теги таблицы HTML
  3. Ссылка на изображение в HTML
  4. Создать таблицы в HTML
  5. HTML события

Категория:

Инструменты веб-разработки