Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК СДЕЛАТЬ
     ❯   

CSS Учебник


CSS Продвинутый


CSS Отзывчивый


CSS Grid


CSS SASS


CSS Примеры


CSS Справочники



CSS RGB Цвет



Цвет RGB

В CSS цвет может быть задан как значение RGB, используя эту формулу:

rgb(red, green, blue)

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

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

Чтобы отобразить черный цвет, установите все цветовые параметры равными 0, например: rgb(0, 0, 0).

Чтобы отобразить белый цвет, установите все цветовые параметры равными 255, например: rgb(255, 255, 255).

Поэкспериментируйте, смешивая значения RGB ниже:

RED

255

GREEN

0

BLUE

0
rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Попробуйте сами »

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

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

Попробуйте сами »


Цвет RGBA

Значения цвета RGBA - это расширение значений цвета RGB с альфа каналом, который определяет непрозрачность для цвета и задается с помощью:

rgba(red, green, blue, alpha)

Альфа параметр - это число между 0.0 (полностью прозрачное) и 1.0 (совсем не прозрачное):

Поэкспериментируйте, смешивая значения RGB ниже:

RED

255

GREEN

0

BLUE

0

ALPHA

0
rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

Попробуйте сами »



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- © Copyright. Все права защищены. Schoolsw3 работает на SW3.CSS.