Значення кольору в CSS

Значення кольору за його назвою

Колір може бути заданий його назвою. Назва коліру має бути зареєстрована в стандарті CSS. Таких назв 140.

LightGray
Dodgerblue
Tomato
Violet

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

Приклад запису в css:

background-color:LightGray;

Кольорова схема RGB та HEX.

Колір утворюється змішуванням трьох 3-х базових кольорів: червоного, зеленого та синього.

Схема RGB (Red, Green, Blue) встановлює значення кожного кольора в діапазоні 0..255

Приклад запису в css:

background-color:rgb(39,223,184);


Кольорова схема HEX - це теж саме співвідношення червоного, зеленого та синього, але в числах шістьнадцяткової система числення.

Приклад запису в css :

background-color:#2b357d;


Схема HEX зустрічається частіше, дякуючи більш компактному запису.

Для того, щоб дізнатися значення потрібного вам кольору, необхідно звернутися до спеціальних таблиць кольорів html, або скористуватися калькулятором кольору.

Приклади таблиці кольорів та калькулятора rgb

Схема RGBa

Для створення ступені прозорості елемента використовують ще один параметр a - шкала прозорості в діапазоні від 0 до 1. Чим меньше значення тим елемент більш прозорий.

Приклад запису в css:

background-color:rgb(39,223,184,0.4);