Що таке таблиця кольорів HTML, і для чого вона потрібна?

Оформляючи сайт, особливо розробляючи його дизайн з нуля, багато стикаються з такою проблемою, як розфарбовування сторінки сайту, таблиць, тексту. У багатьох конструкторах сайтів є спеціальні модулі і кнопки, за допомогою яких і задаються дані параметри. Але далеко не всі вони володіють широким функціоналом. Ось тут-то і приходить на допомогу таблиця кольорів HTML.

Що таке таблиця кольорів

У програмуванні, незалежно від мови, багато команд і параметри задаються спеціальними короткими позначками. Не став винятком і мову HTML-розмітки. Він має досить широкий набір команд і позначень.

Для того щоб розфарбувати елемент сторінки або тексту в потрібний відтінок, слід знати про таке поняття, як таблиця HTML-кодів кольорів. У ній містяться основні коди того чи іншого кольору або відтінку. Використавши їх, можна задати тон будь-якого елементу, прописавши його в певному тегу.

Код в таблиці передається за допомогою шестнадцатеричной системи. Кожен колір складається з шести символів. Кожна пара символів позначає інтенсивність того чи іншого кольору. Перша з них відповідає за червоний колір, друга - за зелений, третя - за синій.

Код кольору завжди починається зі знака решітки (#). Наприклад, код чорного буде виглядати так: «# 000000».

Варто відзначити, що деякі веб-майстри використовують укорочений варіант коду, використовуючи всього лише три символи - по одному з пари. Але все ж ми рекомендуємо вам застосовувати загальноприйняті позначення.

Які бувають таблиці кольорів для HTML

Таблиця кольорів HTML представлена в декількох варіантах. Перший - базові кольори. Їх всього шістнадцять. Сюди відносяться такі кольори, як червоний, сірий, сріблястий, білий, чорний, зелений, синій, блакитний, жовтий та інші. Їх досить зручно використовувати для оформлення тексту, так як всі вони досить насичені і яскраві. Далі можна виділити так звану «Таблицю безпечних квітів», яка налічує 216 відтінків, що відображаються на будь відеокарті. Цю таблицю досить легко знайти в будь-якому підручнику з HTML. Варто відзначити, що вона підійде в тому випадку, якщо ви займаєтеся безпосередньо дизайном сайту або сторінки, і вам потрібні саме відтінки кольорів - як насичені, так і досить легкі і ледь помітні.

Також дозволимо собі виділити таблицю відтінків сірого кольору, яка містить більше 10 варіантів. Вона також підійде для дизайну сайту, особливо для фону-підкладки під основний текст. Будь-які з цих кодів можна використовувати і в тому випадку, якщо вам потрібно задати колір тексту в таблиці HTML для виносок або дрібних приписок.

Чим замінити?

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

Якщо у вас немає можливості знайти даний матеріал, можна записати колір в процентному співвідношенні. При цьому знак решітки вам не буде потрібно. Але задавати відтінок таким способом досить важко і клопітно, так як ви ніколи не будете знати заздалегідь, що у вас може вийти. Запис у такому форматі може виглядати приблизно так: «10P%». Однак такий спосіб запису кольору ми не рекомендуємо. Таблиця кольорів HTML буде набагато надійніше, ніж такі експерименти.

Третій спосіб задати колір - написати його назву англійською. В основному браузери читають і адекватно сприймають назви основних кольорів, а також їх відтінків, помічених значеннями dark (темно), light (світло). Наприклад, чорний колір задається як Black, а темно-червоний - DarkRed.

Висновки

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

Таблиця містить найбільш вживані кольори і їх коди, які з трьох пар знаків, що позначають інтенсивність червоного, зеленого і синіх кольорів. Знайти її можна в будь-якому підручнику з HTML.

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