Колір є одним із найважливіших аспектів дизайну, і вибір правильної колірної схеми може значно вплинути на сприйняття створюваного контенту. Один із найпопулярніших способів задати колір – це використання колірної моделі RGB.
RGB – це абревіатура, утворена з перших букв англійських слів Red (червоний), Green (зелений) та Blue (синій). У цій моделі кожен колір представлений числом від 0 до 255, що вказує на його відтінок. Таким чином, комбінацією різних значень для червоного, зеленого та синього кольорів можна створити понад 16 мільйонів можливих кольорів.
Для встановлення кольору у форматі RGB необхідно встановити значення для червоного, зеленого та синього кольорів. Наприклад, якщо ви хочете отримати яскраво-червоний колір, ви можете задати значення R-255, G-0 та B-0. Якщо ви хочете отримати фіолетовий колір, ви можете встановити значення R-128, G-0 і B-128.
| Код кольору | RGB |
|---|---|
| Червоний (Red) | rgb(255, 0, 0) |
| Зелений (Green) | rgb(0, 255, 0) |
| Синій (Blue) | rgb(0, 0, 255) |
| Жовтий (Yellow) | rgb(255, 255, 0) |
| Фіолетовий (Purple) | rgb(128, 0, 128) |
Як встановити колір RGB CSS?
Функція rgb Другий спосіб вказати колір за допомогою моделі RGB — використання спеціальної функції rgb() . Вона приймає три числа від 0 до 255, де перше число визначає кількість червоного кольору, друге число – кількість зеленого кольору, а третє – кількість синього.
Як виходять кольори у RGB?
RGB-колір виходить в результаті змішування червоного, синього та зеленого у різних пропорціях: кожен відтінок можна описати трьома числами, що позначають яскравість трьох основних кольорів.
Як кодується RGB?
RGB – спосіб кодування кольору у вигляді трьох цілих чисел від 0 до 255, що відображають яскравість червоної (Red), зеленої (Green) та синьої (Blue) складових кольору. Код білого кольору – 255, 255, 255; чорного – 0, 0, 0. Червоний, синій та зелений кольори мають коди з одним ненульовим значенням, наприклад 255, 0, 0 – червоний.