CSS Цвета
Цвета указываются с использованием предопределенных названий цветов или значений RGB, HEX, HSL, RGBA, HSLA.
CSS Названия цвета
В CSS цвет можно указать с помощью предварительно определенного имени цвета:
CSS/HTML поддерживает 140 стандартных названия цвета.
CSS Background Color - Цвет фона
Вы можете установить цвет фона для 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;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Попробуйте сами »
CSS Text Color - Цвет текста
Вы можете установить цвет текста:
Hello World
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;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
Попробуйте сами »
CSS Border Color - Цвет границы
Вы можете установить цвет границ:
Hello World
Hello World
Hello World
Пример
<h1 style="border:2px
solid Tomato;">Hello
World</h1>
<h1 style="border:2px
solid DodgerBlue;">Hello
World</h1>
<h1 style="border:2px
solid Violet;">Hello
World</h1>
Попробуйте сами »
CSS Значения цвета
В CSS цвета также могут быть указаны с использованием значений RGB, значений HEX, значений 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>
Попробуйте сами »
Узнать больше о значениях цвета
Вы узнаете больше о RGB, HEX и HSL в следующих главах учебника по CSS на нашем сайте W3Schools на русском.
