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) - синій колір.
автор: Bond

Порада

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

автор: Bond
Нотатка

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

автор: Bond
Нотатка

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

автор: Bond

Синтаксис

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

Функція rgb може отримувати єдине значення:

<red>/<green>/<blue>

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

автор: Bond

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE
1 1 1 3.5 12
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
37 18 4 1

Приклади

+ запропонувати свій приклад у пісочниці

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

автор: Bond

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

автор: Bond

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід