Цвет можно указать в CSS с помощью ключевых слов, HEX-кода, RGB или HSL значений.
- Ключевые слова:
- red (красный)
- blue (синий)
- green (зеленый)
- yellow (желтый)
- и т.д.
- HEX-код:
- #000000 (черный)
- #FFFFFF (белый)
- #FF0000 (красный)
- #00FF00 (зеленый)
- #0000FF (синий)
- и т.д.
- RGB:
- rgb(255, 0, 0) (красный)
- rgb(0, 255, 0) (зеленый)
- rgb(0, 0, 255) (синий)
- и т.д.
- HSL:
- hsl(0, 100%, 50%) (красный)
- hsl(120, 100%, 50%) (зеленый)
- hsl(240, 100%, 50%) (синий)
- и т.д.
Примеры использования:
color: red; /* ключевое слово */
background-color: #FFFFFF; /* HEX-код */
border-color: rgb(0, 0, 255); /* RGB */
box-shadow: hsl(240, 100%, 50%) 0px 0px 10px; /* HSL */