Последние учебники веб-разработки
 

Colors Руководство


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


Цвет Названия

С помощью CSS, цвета могут быть установлены с помощью названия цветов:

пример

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
Попробуй сам "

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

С помощью CSS, цвета могут быть определены различными способами:

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

RGB Цвета

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

Значение цвета RGB задается: RGB (красный, зеленый, синий).

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

Например, RGB (0,0,255) отображается как синий, так как синий параметр установлен на его самое высокое значение (255), а остальные равны 0.

пример

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
Попробуй сам "

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

пример

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
Попробуй сам "

Шестнадцатеричные Цвета

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

Шестнадцатеричный цвет задается с: #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