Цвета отображаются сочетания красный, зеленый и синий свет.
Цвет Названия
С помощью CSS, цвета могут быть установлены с помощью названия цветов:
CSS Значения Цвета
С помощью CSS, цвета могут быть определены различными способами:
- По названий цветов
- Поскольку значения RGB
- В качестве шестнадцатеричных значений
- Поскольку значения HSL (CSS3)
- Как HWB значения (CSS4)
RGB Цвета
цветовые значения RGB поддерживаются во всех браузерах.
Значение цвета RGB задается: RGB (красный, зеленый, синий).
Каждый параметр (красный, зеленый и синий) определяет интенсивность цвета как целое число от 0 до 255.
Например, RGB (0,0,255) отображается как синий, так как синий параметр установлен на его самое высокое значение (255), а остальные равны 0.
Оттенки серого цвета часто определяются с использованием одинаковые значения для всех источников света 3:
Шестнадцатеричные Цвета
Шестнадцатеричные значения цвета также поддерживаются во всех браузерах.
Шестнадцатеричный цвет задается с: #RRGGBB.
RR (красный), GG (зеленый) и BB (синий) являются шестнадцатеричными целыми числами от 00 до FF, задающие интенсивность цвета.
Например, # 0000FF отображается как синий, так как синий компонент установлен в его самое высокое значение (FF), а остальные установлены на 00.
пример
Color
HEX
RGB
Color
#FF0000
rgb(255,0,0)
Red
#00FF00
rgb(0,255,0)
Green
#0000FF
rgb(0,0,255)
Blue
Попробуй сам " Оттенки серого цвета часто определяются с использованием одинаковые значения для всех источников света 3:
пример
Color
HEX
RGB
Color
#000000
rgb(0,0,0)
Black
#808080
rgb(128,128,128)
Gray
#FFFFFF
rgb(255,255,255)
White
Попробуй сам " Верхний регистр или нижний регистр?
Вы можете использовать верхний регистр или строчные буквы, чтобы указать шестнадцатеричные значения.
Нижний регистр легче писать. Верхний регистр легче читать. |
Цвет Названия
CSS поддерживает 140 стандартных названия цветов.
В следующей главе вы найдете полный алфавитный список названий цветов с шестнадцатеричных значений:
Color Name | Hex | Color |
---|---|---|
AliceBlue | #F0F8FF | |
AntiqueWhite | #FAEBD7 | |
Aqua | #00FFFF | |
Aquamarine | #7FFFD4 | |
Azure | #F0FFFF | |
Beige | #F5F5DC | |
Bisque | #FFE4C4 |