css.in.ua
Підтримати

CSS function rgb()

Опис

Функція в CSS, відома як rgb(), використовується для створення кольору шляхом комбінування інтенсивностей червоного, зеленого та синього каналів. Ця функція є частиною основного інструментарію веб-дизайнера і забезпечує можливість створення багатого спектру кольорів.

rgb() пропонує простий і зручний спосіб керування кольорами на веб-сайті. Вона дозволяє вам налаштувати вигляд елементів, встановлюючи конкретні значення кольорових каналів. Наприклад, використання rgb(255, 0, 0) встановить чистий червоний колір, в той час як rgb(0, 255, 0) встановить зелений.

Функція rgb() приймає три аргументи: значення червоного каналу (від 0 до 255), значення зеленого каналу (від 0 до 255) та значення синього каналу (від 0 до 255). Кожне значення контролює інтенсивність кольору для відповідного каналу. Наприклад:

  • rgb(255, 0, 0) - червоний колір;
  • rgb(0, 255, 0) - зелений колір;
  • rgb(0, 0, 255) - синій колір.
Нотатка:

Важливо пам'ятати, що значення в rgb() мають діапазон від 0 до 255, де 0 представляє нульову інтенсивність, а 255 - повну інтенсивність.
Нотатка:

Завдяки використанню функції rgb(), ви можете точно контролювати кольори на вашому веб-сайті, створити власні палітри або забезпечити відповідність кольорів вашого бренду. Функція rgb() є одним з основних способів визначення кольорів у CSS.
Порада:

Пам'ятайте, що в CSS також можна використовувати інші формати визначення кольорів, такі як HEX-коди та назви кольорів. Розгляньте всі доступні варіанти та виберіть найзручніший для своїх потреб.

Синтаксис

rgb(<red>, <green>, <blue>);
<red>/<green>/<blue>

Числові значення від 0 до 255, які представляють інтенсивність червоного, зеленого та синього каналів відповідно.

Переглядачі

Переглядач

1

1

1

3.5

12
Переглядач

37

18

4

1

Мобільних переглядачів ще не додано.

Приклади


Наведіть курсор на квадрат, щоб змінити його кольору.

Кожен квадрат має заданий фоновий колір за допомогою rgb().

Спільнота

Зв'язок