САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

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 с JavaScript HTML Путь к Файлу HTML Мета теги HTML Методы верстки HTML Адаптивный дизайн HTML Компьютерный код HTML Симантика HTML Руководство HTML Сущности HTML Символы HTML Эмодзи HTML Кодировка HTML URL Кодировка HTML vs. XHTML

HTML Формы

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

HTML Графика

HTML Canvas HTML SVG

HTML Медиа

HTML Медиа формат HTML Video HTML Audio 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 Color



HTML Цвет задается с помощью предопределенных имен цвета или значений RGB, HEX, HSL, RGBA, HSLA.

Названия цвета

В HTML цвет может быть задан с помощью имени цвета:

Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray

Попробуйте сами »

HTML поддерживает 140 стандартных названий цветов.


Цвет фона

Вы можете установить цвет фона для элементов HTML:

Привет мир


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Пример

<h1 style="background-color:DodgerBlue;">Привет мир</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

Попробуйте сами »

Цвет текста

Вы можете установить цвет текста:

Привет мир

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Пример

<h1 style="color:Tomato;">Привет мир</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>
Попробуйте сами »

Цвет границ

Вы можете установить цвет границ:

Привет мир

Привет мир

Привет мир

Пример

<h1 style="border:2px solid Tomato;">Привет мир</h1>
<h1 style="border:2px solid DodgerBlue;">Привет мир</h1>
<h1 style="border:2px solid Violet;">Привет мир</h1>
Попробуйте сами »

Значение цвета

В HTML цвет также может быть задан с помощью значений RGB, шестнадцатеричных значений, значений HSL, значений RGBA и значений HSLA:

То же, что и название цвета "Tomato":

rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)

То же, что и название цвета "Tomato", но 50% прозрачности:

rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)

Пример

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>
Попробуйте сами »

Узнайте больше о значениях цвета

Вы узнаете больше о RGB, HEX и HSL в следующих главах.