Що таке RGB-кольори для HTML

Що таке 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". Всі ці позначення дадуть вам білий колір.

Ув 'язнення

За допомогою RGB-позначень можна без зусиль вибрати необхідну для вас фарбу. Достатньо використовувати будь-який графічний редактор, який допоможе вам підібрати потрібний відтінок, використовуючи звичайну палітру. Деякі програми можуть відразу створювати запис потрібного RGB позначення кольору. При цьому не треба вручну підбирати потрібний вам відтінок. Можна скористатися автоматичним підбором.