Rgb код красного цвета записывается как



Цвет Теория

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

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

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

Пример

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

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

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

Цвета RGB

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

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

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

Например, RGB (0, 0255) отображается синим цветом, поскольку параметру Blue присвоено наибольшее значение (255), а другим — 0.

Привер

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

Пример

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

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

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

RR (red), GG (зеленый) и BB (синий) являются шестнадцатеричными целыми числами между 00 и FF, указав интенсивность цвета.

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

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

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

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

Нижний регистр легче писать. Верхний регистр легче читать.

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

CSS поддерживает 140 стандартных имен цветов.

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

Источник

Способы задания цвета в HTML и CSS – Значения цветов RGB

В HTML и CSS существует два способа задания цвета: при помощи ключевых слов и в цветовой модели RGB.

RGB это аббревиатура трех английских слов: red , green и blue , которые в переводе обозначают красный, зелёный и синий.

Цветовая модель RGB описывает один из способов синтеза цвета с помощью трёх цветов — их принято называть основными.

Более подробно о том, как задаются цвета в цветовой модели RGB описано далее. А сначала немного поговорим о ключевых словах, которые применяются для обозначения того или иного цвета.

Ключевые слова – Имена цветов

Итак, способ задания цвета при помощи ключевых слов заключается в следующем: существуют 16 базовых цветов, которые можно записывать не только их цифровыми значениями, но и цветовыми именами.

Ниже приведен перечень основных 16 цветов и их имен.

: blue ; «>
Синий цвет текста для этого абзаца задан указанием имени цвета.

Синий цвет текста для этого абзаца задан указанием имени цвета.

Модель RGB — Десятичная запись цвета

В цветовой модели RGB цвет задается следующим образом.

Основные цвета red , green и blue – красный, зеленый и синий могут иметь условные значения от 0 до 255 или от 0% до 100% . Из сочетания трех цветов, каждому из которых присваивается одно из значений, получается необходимый цвет.

Например, белый цвет задается как 255,255,255 , а черный цвет – как 0,0,0 . Первое десятичное число определяет насыщенность красного, второе — насыщенность зеленого и последнее — синего.

Аналогично цвет задается в процентной записи .

: rgb(0,0,255) ; «>
Синий цвет текста этого абзаца задан в цветовой модели RGB указанием десятичных значений.

Синий цвет текста этого абзаца задан в цветовой модели RGB указанием десятичных значений.

Модель RGB — шестнадцатеричная запись цвета

Но в основном, используя цветовую модель RGB, цвета указывают в шестнадцатеричной записи.

Шестнадцатеричная система основывается на числе 16. В нее входят цифры от 0 до 9 и буквы A, B, C, D, E, F (они заменяют десятичные числа от 10 до 15), с помощью которых можно представить любое число.

Основные цвета red , green и blue – красный, зеленый и синий могут иметь условные значения от 00 до FF (их аналог в десятичном представлении — это числа от 0 до 255). Из сочетания трех цветов, каждому из которых присваивается одно из значений, получается необходимый цвет.

Например, белый цвет задается как #FFFFFF , а черный цвет как #000000 . Первые две цифры кода (двухзначное шестнадцатеричное число) определяют насыщенность красного, следующие две — насыщенность зеленого и последние две – это синий цвет.

Как видите, шестнадцатеричная запись цвета короче и проще десятичной , а процентная запись кроме этого уступает в разнообразии оттенков. Поэтому удобнее всего пользоваться именно шестнадцатеричным представлением цветов.

Перед шестнадцатеричным числом, обозначающим цвет, ставят символ решетки # . Он обязателен . Это делается для исключения путаницы в определении системы счисления.

: #0000FF ; «>
Синий цвет текста этого абзаца задан в цветовой модели RGB указанием шестнадцатеричных значений.

Синий цвет текста этого абзаца задан в цветовой модели RGB указанием шестнадцатеричных значений.

Полезно знать и следует учитывать :

В HTML цвета задаются с помощью ключевых слов и в цветовой модели RGB указанием шестнадцатеричных значений.

В CSS есть возможность задания цвета в цветовой модели RGB с помощью десятичных значений и в процентной записи.

Безопасная палитра цветов

Существует так называемая «безопасная» палитра, которая состоит из 216 цветов.

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

Полезно знать, и следует учитывать , что если любое из трех значений цвета отличается от:

Шестнадцатеричных 00, 33, 66, 99, СС или FF.

Десятичных 0, 51, 102, 153, 204 или 255.

В процентах 0%, 20%, 40%, 60%, 80% или 100%.

то цвет не является безопасным.

Пример изменения насыщенности цвета

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