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

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

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

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

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


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

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

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

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

Таблиця кольорів HTML

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

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


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

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

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

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

Висновки

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

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

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