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

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

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

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

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

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

RGB Цвета

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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