CSS цветами
Значения цветов
CSS позволяет указать 24-битный цвет (это 16777216 цветов) для таких свойств, как цвет текста, цвет фона и цвет рамки, чтобы Spice Up Your конструкций. Вы можете использовать имена цветов, шестнадцатеричного или RGB (красный, зеленый, синий) обозначение.
Имена цветов CSS
Чтобы упростить процесс, CSS включает 16 стандартных имен цветов в простом английском языке, а также более 100 Extended имена цветов. Вот список стандартных:
| Имя цвета | Выходной |
|---|---|
| aqua | |
| black | |
| blue | |
| fuchsia | |
| gray | |
| green | |
| lime | |
| maroon | |
| navy | |
| olive | |
| purple | |
| red | |
| silver | |
| teal | |
| white | |
| yellow |
Дополнительно вы можете установить значение цвета либо нет или прозрачной для предотвращения элемента делать какие-либо цвета (другие элементы, за ней будет отображено).
Шестнадцатеричный цвет
Хотя имена цветов пришел в довольно удобно иногда, они слишком мало для удовлетворения каждой конструкции. Чтобы задействовать весь диапазон 24-битного цвета, которые вы можете использовать шестнадцатеричные значения.
Шестнадцатеричный цветов из # знак фунта после 6-значное шестнадцатеричное число, например #ff065c . Первые 2 цифры представляют собой компонент красного цвета, второй пары зеленых и третье синего компонента. Их стоимость может колебаться от 00 до FF, #000000 быть черно - #ffffff быть белым.
| Шестнадцатеричный цвет | Выходной |
|---|---|
| #000 | |
| #3b948d | |
| #aed527 | |
| #ff7612 | |
| #fff |
Возможно, вы заметили, что я написал #000 вместо #000000 для отображения черного цвета. Это сокращенное обозначение, что государства цифру каждой пары только один раз, если каждая пара состоит из тех же цифр. Например, #eeeeee можно записать в виде #eee , #3399cc как #39c и так далее. Используйте эту возможность, чтобы уменьшить размер вашего кода CSS.
RGB цвета
И последнее, но не в последнюю очередь можно также задать значения цвета с помощью модели RGB (красный, зеленый, синий). Это в основном подобно шестнадцатеричный цвет, но вместо Hex пар вы используете десятичные значения от 0 до 255 для каждого цвета, как компонент rgb(red,green,blue) .
| RGB Color | Выходной |
|---|---|
| rgb(0,0,0) | |
| rgb(59,148,141) | |
| rgb(174,213,39) | |
| rgb(255,118,18) | |
| rgb(255,255,255) |
Вы уже можете видеть, что обозначение RGB производит больше кода, чем шестнадцатеричного делаем то же самое. По этой причине RGB редко используется более Hex. Большинство графических программ отображения цвета в RGB и шестнадцатеричном формате и в любом случае.
Цвет текста
color свойство может быть использовано для изменения цвета текста. Она может быть применена к любому элементу HTML, который содержит текст.
CSS цвета
Выходной
Цвет фона
background-color собственности может быть использован для изменения цвета фона практически любого элемента HTML.