Код кольору в HTML та CSS як прописати колір

Немає такого сайту, де при верстці вам не довелося б вказувати колір. Ось навіть у букв, які я зараз набираю, чорний колір, а ви читаєте їх на білому тлі. Способів завдання кольору в html дуже багато, я пропоную їх коротко розглянути.

Завдання кольору за допомогою ключових слів

Наприклад: color: red. І навіть ті з вас, хто спав у школі на уроках англійської, розуміють, що ми поставили червоний колір. Але таких ось ключових слів у html не дуже багато, трохи більше сотні. Тобто з їх допомогою ви не зможете задати мільйон різних відтінків, та й запам'ятати усі назви дуже важко. Я можу лише порекомендувати пам'ятати найголовніші значення, решту краще задавати не за допомогою ключових слів, а по-іншому.

За допомогою шістнадцяткового коду

Звучить, можливо, страшно, але насправді нічого складного. Колір у такому форматі записується через ґрати, далі записується 3 або 6 символів, які визначають відтінок. Щоб брати значення, я рекомендую використовувати сайт https://color.hailpixel.com

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

кольору

Практичний курс з верстки адаптивного сайту з нуля!

Вивчіть курс і дізнайтеся, як верстати сучасні сайти на HTML5 та CSS3

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

У форматах rgb та rgba

Ці способи використовуються вже рідше, тому щозазвичай вистачає варіанти з hex-кодом. Пояснити суть запису кольору у форматі RGB дуже просто. Є червоний, зелений та синій кольори. Вони є основними. Ось на підставі їхнього змішування ми і отримуємо потрібний нам колір. Для цього потрібно в дужках вказати першим значення насиченості червоним кольором від 0 до 255, далі через кому проробити те саме із зеленим і синім. Наприклад, так: