Цвета HTML

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

В этом разделе вы узнаете, как задать цвет фона, цвет текста, определить цвет границы, используя названия и коды цветов RGB, HEX и HSL.

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

В HTML цвет можно указать с помощью имени цвета:

Подразделы по веб-цветам в HTML

• Цвета HTML RGB и RGBA
• Цвета HTML HEX
• Цвета HTML HSL и HSLA

Цвет фона

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

<h1 style="background-color:Blue;">Привет Мир!</h1>
<p style="background-color:Red;">HTML...</p>

Цвет текста

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

Привет Мир!

HTML ( The HyperText Markup Language) — это стандартный язык разметки для создания веб-страниц.

С HTML вы можете создать свой собственный веб-сайт.

<h1 style="color:Red;">Привет Мир!</h1>
<p style="color:Blue;">HTML ( The HyperText Markup Language)...</p>
<p style="color:Slateblue;">С HTML вы можете...</p>

Цвет границ

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

Привет Мир!

Привет Мир!

Привет Мир!

<p style="border:2px solid Red">Привет Мир!</p>
<p style="border:2px solid Blue;">Привет Мир!</p>
<p style="border:2px solid Green;">Привет Мир!</p>

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

HTML цвета могут быть указаны с использованием значений RGB, значений HEX, значений HSL, значений RGBA и значений HSLA.

Для следующих трех элементов <div> цвет фона установлен со значениями RGB, HEX и HSL:

Для следующих двух элементов <div> цвет фона установлен со значениями RGBA и HSLA, которые добавляют к цвету альфа-канал (здесь у нас прозрачность 50%):

<div style="background-color:rgb(106, 90, 205);">rgb(106, 90, 205)</div>
<div style="background-color:#6a5acd;">#6a5acd</div>
<div style="background-color:hsl(248, 53%, 58%);">hsl(248, 53%, 58%)</div>

<div style="background-color:rgba(106, 90, 205, 0.5);">rgba(106, 90, 205, 0.5)</div>
<div style="background-color:hsla(248, 53%, 58%, 0.5);">hsla(248, 53%, 58%, 0.5)</div>

Какие значения используются в цветовой палитре HTML?

Проверьте себя, насколько хорошо вы запомнили материал.

Проверить себя

Вопрос

Ваш ответ:

Правильный ответ:

Следующий

Правильных ответов {{SCORE_CORRECT}} из {{SCORE_TOTAL}}

Результат

☛ Цвета HTML RGB и RGBA

Комментарии HTML ☚