Як вказати колір в html

(Код кольорової палітри)

Для початку трохи теорії. Колір на екрані монітора формується і виводиться комп'ютером за допомогою параметрів RGB. Це свого роду система координат, в якій в якості осей виступають R - Red (червоний колір), G - Green (зелений) і B - Blue (синій). Осі видалені на однаковій відстані одна від одної, сектора між осями визначають колір (відтінок) залежно від того, між якими осями міститься конкретна ділянка і на якій відстані від них. Всього в палітрі 256 колірних часткою, від нуля до 255 (якщо нуль прийняти за першу точку відліку, то вийде 256), їх "змішування" для трьох координат дозволяє отримати більше 16 млн. Відтінків.

В html поєднання кольорів, як правило, позначають шістнадцятковим кодом (HEX), який прописується шістьма буквено-цифровими символами після знака решітки, наприклад чорний колір: # 000000. Стандарти W3C дозволяють записати код кольору, в якому всі символи однакові, трьома символами, в даному випадку так: # 000. Кожному RGB значенням відповідає свій шістнадцятковий код. Крім того, якщо після решітки написати назву кольору, то браузер також зрозуміє це адекватно. Але перелік валідних назв обмежений, якщо не помиляюся, шістнадцятьма квітами. У їх числі згадані вище red, green та blue, а також black (чорний), white (білий) і деякі інші. Їх також треба записувати після #. Я з назвами не морочитися, так як звик все писати кодом з шести символів, ніяких труднощів це не викликає, зараз ви в цьому переконаєтеся.

Обчислюємо код палітри в Сolor point.
Скачайте програму на однойменному сайті або тут. Запустіть прямо з архіву або спочатку слід вийняти. Значок програми, швидше за все, буде виведений за замовчуванням в лівому верхньому кутку монітора.
Для того, щоб дізнатися код потрібного кольору за допомогою Сolor point, розуму, як то кажуть багато не знадобиться. Наведіть курсор на значок (логотип) програми. Відразу відкриється робоче вікно. Якщо вам необхідно знайти певний колір, то треба буде відкрити вкладку "Підбір". У зависмости від того, як вам зручніше працювати з палітрою, виберіть варіант її подання з чотирьох запропонованих: Черепиця (відкритий на скріншоті), Коло. Web і Win (системна палітра Windows). Для більш тонких налаштувань кольору скористайтеся бегунками навпаки букв R, G, B. В даному випадку (скріншот ліворуч) обраний фіолетовий колір фону, його код 8857F9. Тут-таки можете поекспериментувати, як на цьому тлі буде виглядати шрифт, того чи іншого кольору. Для цього вивірити замість "Ф" (фон) позицію "Т" (текст).
Якщо вам треба дізнатися код кольору певній галузі на екрані монітора, то відкрийте вкладку "Екран". У першому робочому вікні буде запропоновано вибрати ділянку, де буде скануватися текст, після чого він буде виділений у великому масштабі в нижньому вікні, де треба буде натиснути курсором на цікавий для колір, після чого натиснути "Застосувати". Після цього знову відкриється вкладка "Підбір", в робочій області якої буде обраний колір і його цифровий код.

Визначаємо колір в Paint.NET.
Якщо у вас все ще не встановлена ​​дана безкоштовна програма, то саме час зайти на її офіційний сайт і усунути цю прогалину.
Застосовувати Paint.NET для встановлення коду кольору доцільно тоді, коли ви працюєте в ній над конкретним графічним файлом, створюєте або редагуєте його. У процесі такої роботи часто доводиться продублювати один і той-же колір в різних шарах. Для цього в програмі передбачений такий інструмент, як піпетка. Щоб дізнатися код кольору досить вибрати в панелі "Інструменти" піпетку, навести її на потрібний фрагмент зображення, клацнути по ньому лівою клавішею миші і шестизначний код кольору з'являється у відповідній графі вікна "Палітра". Правда спочатку в цьому вікні треба натиснути пункт "Більше", після чого воно розшириться і з'явиться поле для виведення коду. Далі елементарно виділяєте курсором код, копіюєте його і вставляєте в потрібне місце web - сторінки після символу "решітка".

▲
на початок сторінки

Навчальні курси по сайтобудування: