css color

CSS: цвета

Цвета используются в CSS для изменения цвета текста, цвет фона, градиентов, теней, границ и др. Есть пару способов задать цвета в CSS, каждый со своими плюсами и минусами.

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

Свойство color определяет цвет текста. Это довольно просто. Что более важно — есть разные доступные типы единиц цвета.

css

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

CSS предлагает 145 названий цветов, от самых простых (black, white, orange, yellow, blue и др.) до более специфичных (lawngreen, orchid, crimson и др.).

Мы задавали цвет с помощью обычных пояснений цвета.  Но для body мы указали фон с помощью шестнадцатеричным значенем.

css

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

Цвета в CSS могут быть также определены через шестнадцатеричные значения, вроде #2d333b.

Для понимания, что такое шестнадцатеричные значения, давайте узнаем, как работают двоичные и десятичные:

двоичные, 2 возможных значения 0 1
десятичные, 10 возможных значений 0 1 2 3 4 5 6 7 8 9
шестнадцатеричные, 16 возможных значений 0 1 2 3 4 5 6 7 8 9 A B C D E F

Принимаются во внимание цифры 0-9 и буквы A-F в виде символов.

Мы можем использовать десятичную систему. У нас есть 10 символов для формирования чисел.

В шестнадцатеричной системе у нас есть 16 символов для формирования чисел. Поскольку 0-9 недостаточно, мы также используем A-F. И всё начинается с нуля. Итак:

  • цифра 4 в шестнадцатеричной системе — это 4;
  • число 12 в шестнадцатеричной системе — это C;
  • число 16 в шестнадцатеричной системе — это 10, потому что после того как закончатся символы (последний из которых F), вы добавляете второй символ слева и повышаете на единицу (0 становится 1), а правая часть начинается снова (от F до 0).

Должен ли я помнить об этом?

Ни за что! Здесь я показал и обьяснил, как работают шестнадцатеричные значения. Самое главное, это помнить о том, что есть 16 шестнадцатеричных символов.

cssrgb()

Компьютерные мониторы, телевизоры, мобильные телефоны, все они используют цветовую модель RGB для отображения цветов. В основном, каждый цвет определяется сочетанием красного, зелёного и синего. Есть 256 возможных значений для красного, зелёного или синего цвета. Поскольку компьютеры начинают считать с нуля, максимальное значение равно 255.

Принимая во внимание, что цвет является результатом сочетания красного, зелёного и синего, а также потому что у каждого из этих трёх цветов есть 256 возможных значений, существует 256 * 256 * 256 = 16777216 возможных цветов.

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

Например, цвет на моем сайте shepme.com — это 23 красного, 129 зелёного и 191 синего, rgb(23,129,191).

rgba()

Единица цвета rgba() — это rgb(), к которому мы добавляем значение альфа (в диапазоне от 0 до 1 в десятичном значении), она определяет прозрачность цвета.

 

На этом тема цвета ,пожалуй, раскрыта, предлагаю идти дальше.

Оставьте ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *