HTML Цвет задается с помощью предопределенных имен цвета или значений RGB, HEX, HSL, RGBA, HSLA.
Названия цвета
В HTML цвет может быть задан с помощью имени цвета:
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":
То же, что и название цвета "Tomato", но 50% прозрачности:
<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>
Попробуйте сами »