Учебник по HTML

HTML ГЛАВНАЯ Введение в HTML HTML-редакторы Базовый HTML HTML-элементы HTML-атрибуты HTML-заголовки HTML-абзацы HTML-стили HTML-форматирование HTML-цитаты HTML-комментарии Цвета HTML HTML CSS HTML-ссылки HTML-изображения HTML Фавикон HTML-таблицы HTML-списки Блок HTML и встроенный HTML-классы HTML-идентификатор HTML-фреймы HTML JavaScript Пути HTML-файлов HTML-голова HTML-макет HTML Отзывчивый HTML компьютерный код HTML-семантика Руководство по стилю HTML HTML-сущности HTML-символы HTML-смайлики HTML-кодировка HTML-кодирование URL-адреса HTML против XHTML

HTML -формы

HTML-формы Атрибуты HTML-формы HTML-элементы формы Типы ввода HTML Атрибуты ввода HTML Атрибуты формы ввода HTML

HTML- графика

HTML-холст HTML SVG

HTML- медиа

HTML-медиа HTML-видео HTML-аудио HTML-плагины HTML YouTube

HTML -API

HTML-геолокация Перетаскивание HTML Веб-хранилище HTML Веб-воркеры HTML HTML SSE

HTML- примеры

HTML-примеры HTML-викторина HTML-упражнения HTML-сертификат Резюме HTML Доступность HTML

HTML -ссылки

Список тегов HTML HTML-атрибуты Глобальные атрибуты HTML Поддержка HTML-браузера HTML-события Цвета HTML HTML-холст HTML-аудио/видео Типы документов HTML Наборы символов HTML HTML-кодирование URL-адреса Языковые HTML-коды HTTP-сообщения HTTP-методы Конвертер PX в EM Горячие клавиши

Цвета HTML RGB и RGBA


Значение цвета RGB представляет КРАСНЫЙ, ЗЕЛЕНЫЙ и СИНИЙ источники света.

Цветовое значение RGBA является расширением RGB с альфа-каналом (непрозрачностью).


Цветовые значения RGB

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

RGB ( красный, зеленый , синий )

Каждый параметр (красный, зеленый и синий) определяет интенсивность цвета со значением от 0 до 255.

Это означает, что существует 256 х 256 х 256 = 16777216 возможных цветов!

Например, rgb(255, 0, 0) отображается красным цветом, потому что для красного установлено максимальное значение (255), а для двух других (зеленый и синий) установлено значение 0.

Другой пример: rgb(0, 255, 0) отображается зеленым цветом, потому что для зеленого установлено максимальное значение (255), а для двух других (красный и синий) установлено значение 0.

Чтобы отобразить черный цвет, установите для всех параметров цвета значение 0, например: rgb(0, 0, 0).

Чтобы отобразить белый цвет, установите для всех параметров цвета значение 255, например: rgb(255, 255, 255).

Поэкспериментируйте, смешав значения RGB ниже:

RGB(255, 99, 71)

КРАСНЫЙ

255

ЗЕЛЕНЫЙ

99

СИНИЙ

71

Пример

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)


Оттенки серого

Оттенки серого часто определяются равными значениями всех трех параметров:

Пример

rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)


Цветовые значения RGBA

Цветовые значения RGBA являются расширением цветовых значений RGB с альфа-каналом, который определяет непрозрачность цвета.

Значение цвета RGBA указывается с помощью:

rgba ( красный, зеленый , синий, альфа )

Альфа-параметр — это число от 0,0 (полностью прозрачный) до 1,0 (совсем непрозрачный):

Поэкспериментируйте, смешав приведенные ниже значения RGBA:

RGBA (255, 99, 71, 0,5)

КРАСНЫЙ

255

ЗЕЛЕНЫЙ

99

СИНИЙ

71

АЛЬФА

0,5

Пример

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)