Як задаються кольори в Html і CSS код, підбір RGB відтінків в таблицях, видачі

19.02.2017

Все про створення сайтів, блогів, форумів, інтернет-магазинів, їх просування в пошукових системах і заробіток на сайті

Здрастуйте, шановні читачі блогу KtoNaNovenkogo.ru. Я продовжую публікувати статті в рубриці «HTML для чайників ». Сьогодні хочу поговорити про кольори в HTML і CSS код, пояснити для тих, хто ще не в курсі, як можна їх визначити, яким чином вони формуються, як для пошуку або захоплення потрібного кольору використовувати спеціально призначені для цього програми та багато іншого.

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

Коди і таблиця базових кольорів RGB

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

В моделі RGB використовуються тільки три кольори (зрозуміло, що це червоний, зелений і синій), кожен з яких може бути представлений з різним рівнем яскравості світіння. Для кожного з каналів (червоний, зелений і синій) можна буде вибрати одну з 256 можливих градацій яскравості. Число 256 взято з тієї причини, що стільки значень відтінків можна закодувати в одному байті інформації.

Відповідно, для свого web документу ми можемо вибрати будь-який відтінок з величезної кількості можливих (256*256*256). Наприклад, для отримання чорного кольору потрібно, щоб у всіх трьох каналів колірної схеми було нульове значення яскравості, а для отримання білого — червоний, зелений і синій кольори повинні мати максимальну яскравість.

Давайте тепер спробуємо розібратися, як задати яскравість в кожному каналі і скільки у нас є для цього можливості?

насправді, є два основних способи :

  1. завдання за допомогою запису яскравості по кожному з каналів (червоного, зеленого і синього) в шістнадцятковій системі числення
  2. завдання за допомогою введення назви кольору у коді web-документа

Давайте почнемо зі складного і спробуємо розібратися з записом квітів у шістнадцятковому коді. Якщо б ми хотіли, наприклад, записати код білого в десятковій системі, то отримали б код 256 256 256, а для чорного — 0 0 0. Тут, напевно, все зрозуміло.

Але в шістнадцятковій системі числення крім арабських цифр використовуються ще й перші шість літер латинського алфавіту, ну і є своя специфіка формування цифр. Заглиблюватися в це, думаю, не варто, але для прикладу скажу, що білий для Html можна буде задати так: #ffffff, а чорний так: #000000. Тобто 00 відповідає 0 в десятковій системі числення, а ff відповідає 256.

тобто на кожний канал RGB кольору в коді CSS відводиться дві шістнадцяткові цифри, тому записи значення кольору складаються з шести цифр або букв, які прирівняні до цифр в шістнадцятковій системі), перед якими ставиться знак решітки «#». Все досить просто.

Наприклад, у наведеній таблиці для найпростіших відтінків їх шестнадцатиричные записи будуть виглядати так:

Відтінок

Шестнадцатиричная запис

Короткий опис статті: назви кольорів та відтінків Кольору в Html і CSS задаються за допомогою коду , або за допомогою слів з базової таблиці або палітри RGB. Сервіс Яндекс.Кольори для зручного підбору відтінків.

Джерело: Як задаються кольори в Html і CSS код, підбір RGB відтінків в таблицях, видачі Яндекса і інших програмах | KtoNaNovenkogo.ru — створення, просування і заробіток на сайті

Також ви можете прочитати