RGB-цвета

Часть раздела Styling with CSS путешествия по HTML на Coddy — урок 27 из 76.

В CSS RGB-цвета — это способ задания цветов с помощью функциональной нотации rgb(). RGB расшифровывается как Red (красный), Green (зеленый) и Blue (синий), и каждый цвет представлен значением в диапазоне от 0 до 255. Комбинируя различные интенсивности этих трех основных цветов, вы можете создать широкий спектр цветов.

Вот базовый синтаксис для использования цветов RGB в CSS:

selector {
    color: rgb(red, green, blue);
    background-color: rgb(red, green, blue);
}

Например:

p {
    color: rgb(255, 0, 0); /* Красный */
    background-color: rgb(0, 255, 0); /* Зеленый */
}

h1 {
    color: rgb(0, 0, 255); /* Синий */
}

.highlight {
    background-color: rgb(255, 255, 0); /* Желтый */
}

Задание

Легко

Вам предоставлен HTML-документ с заголовком (<h1>), абзацем (<p>) и блоком (<div>). Установите цвет фона и цвет текста по вашему выбору для всех элементов на странице, используя для этого rgb().

Цвета по умолчанию не будут приняты!

Шпаргалка

Цвета RGB используют функциональную нотацию rgb() со значениями от 0 до 255 для красного, зеленого и синего:

selector {
    color: rgb(red, green, blue);
    background-color: rgb(red, green, blue);
}

Примеры:

p {
    color: rgb(255, 0, 0); /* Красный */
    background-color: rgb(0, 255, 0); /* Зеленый */
}

h1 {
    color: rgb(0, 0, 255); /* Синий */
}

.highlight {
    background-color: rgb(255, 255, 0); /* Желтый */
}

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

<html>
<head>
    <title>RGB Colors</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>