Що таке rgb-кольору для html

RGB-кольори - це скорочений запис, яка позначає 3 основні фарби, а саме: Red, Green, Blue (червоний, зелений, синій). Така абревіатура з'явилася в 1861 році. Тоді Джеймс Максвелл запропонував використовувати спеціальну систему для синтезу фарби. На даний момент RGB активно використовується у багатьох галузях для відтворення кольору і вважається вже окремої адитивної колірною моделлю. На просторах вільного інтернету ми зустрічаємо різні записи, що складаються з цифр або поєднань літер, наприклад, # 11AA22 або RGB (80% 20% 10%). В окремих випадках можна побачити і інші визначення кольору. У цій статті ми поговоримо, чому використовуються 3 пари цифр, і що вони означають. Також торкнемося питання, пов'язані з позначення різних фарб.

Як вже говорилося вище, RGB-кольори використовуються повсюдно. Але особливе місце така модель синтезу фарб займає в мові гіпертекстової розмітки. Вже довгі роки розробники веб-сторінок використовують кольори RGB для створення барвистих і яскравих сторінок. І більшість воліє саме цей спосіб вибору фарб. Для того щоб призначити колір в HTML за допомогою RGB, потрібно написати «# 001122». На перший погляд може здатися, що це звичайний набір цифр. Але це не так. Ця запис поділена на 3 пари, де кожні 2 цифри означають кількість певного тону. Перші «00» відповідають за червону фарбу, яка в даному випадку відсутній. Друга пара цифр «11» вказує кількість зеленого кольору, а третя «22» - синього. У сукупності вони дають дуже темний відтінок блакитного. Величезний список різних поєднань дає великий вибір відтінків. Кожне число кольору в RGB-моделі може приймати значення від 0 до F. Букви від A до F замінюють цифри від 10 до 15. Тобто, таким чином, значення приймається від 0 до 15. Букви використовуються через неможливість використання звичайних цифр, так як це призвело б до скорочення кількості квітів до 99 (замість 255).

Найчастіше RGB-кольори записуються в такому вигляді: «# 00FF00». Але можна зустріти і такий запис: «RGB (80, 20, 10)» або «RGB (80%, 20%, 10%)». Всі вони активно використовуються в сучасному HTML і CSS. Раніше ми вже розібрали, з чого складається запис першого виду. Якщо ви зустрінете позначення кольору з використанням звичайних цифр (2 випадок), то не варто лякатися. Тут все дуже просто. Давайте розберемо приклад: RGB (80, 20, 10). Перше число «80» означає кількість червоного кольору, друге - зеленого, а третє - синього. Все в точності, як і першому випадку. Кожне число може прийняти максимально корисне значення 255. Тобто якщо зробити запис RGB (255, 255, 255), то ми отримаємо білий колір, а якщо всюди поставити 0, то вийде чорний, що означає відсутність фарб. Третій різновид RGB-кольори записується з використанням процентного значення. Запис «RGB (100%, 100%, 100%)» еквівалента «RGB (255, 255, 255)», що повністю збігається з «#ffffff». Всі ці позначення дадуть вам білий колір.