ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
Цвета в HTML. Уроки для начинающих

Учебник цветов


Цвета отображаются в сочетании красного, зеленого и синего света.


Названия цветов

В CSS цвета можно установить с помощью названий (имён) цветов:

Пример

Цвет Название
 Red
 Yellow
 Cyan
 Blue
 Magenta
Попробуйте сами »

CSS Значения цвета

С помощью CSS цвета можно указывать по-разному:

  • По названиям цветов
  • В качестве значений RGB
  • В виде шестнадцатеричных значений
  • В качестве значений HSL (CSS3)
  • В качестве значений HWB (CSS4)

RGB Цвета

Значения цвета RGB поддерживаются во всех браузерах.

Значение цвета RGB расшифровывается как: rgb( RED - красный, GREEN - зелёный, BLUE - синий).

Каждый параметр определяет интенсивность цвета в виде целого числа от 0 до 255.

Например, rgb (0,0,255) отображается синим цветом, поскольку для параметра blue установлено самое высокое значение (255), а для остальных - 0.

Пример

Цвет RGB Цвет
  rgb(255,0,0) Красный
  rgb(0,255,0) Зелёный
  rgb(0,0,255) Синий
Попробуйте сами »

Оттенки серого часто определяются с использованием равных значений для всех 3 источников света:

Пример

Цвет RGB Цвет
  rgb(0,0,0) Чёрный
  rgb(128,128,128) Серый
  rgb(255,255,255) Белый
Попробуйте сами »

Шестнадцатеричные значения цвета - HEX

Шестнадцатеричные значения цвета также поддерживаются во всех браузерах.

Шестнадцатеричный цвет указывается с помощью: #RRGGBB.

RR (red), GG (green) и BB (blue) шестнадцатеричные целые числа от 00 до FF, определяющие интенсивность цвета.

Например, #0000FF отображается синим цветом, потому что синий компонент установлен на самое высокое значение (FF), а остальные установлены на 00.

Пример

Цвет HEX RGB Цвет
  #FF0000 rgb(255,0,0) Красный
  #00FF00 rgb(0,255,0) Зелёный
  #0000FF rgb(0,0,255) Синий
Попробуйте сами »

Оттенки серого часто определяются с использованием равных значений для всех 3 источников света:

Пример

Цвет HEX RGB Цвет
  #000000 rgb(0,0,0) Чёрный
  #808080 rgb(128,128,128) Серый
  #FFFFFF rgb(255,255,255) Белый
Попробуйте сами »

Верхний регистр или нижний регистр?

Вы можете использовать буквы в верхнем или нижнем регистре, чтобы указать шестнадцатеричные значения цвета.

Буквы в нижнем регистре легче писать. Буквы в верхнем регистре легче читать.


Названия цветов

CSS поддерживает 140 стандартных названий (имён) цветов.

В следующей главе вы найдете полный алфавитный список названий цветов с шестнадцатеричными значениями:

Название цвета Hex Цвет
AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4