Кольори Тексту

Застосування кольору тексту

Колір тексту можна додати до текстового елемента за допомогою CSS-властивості color, надавши їй значення будь-якого кольору. Сучасні браузери підтримують три варіанти значень кольору: RGB, hex і імена кольорів. Розглянемо наступний приклад. Ми застосуємо до тексту червоний колір.

Примітка

Ми можемо знайти кілька цікавих кольорових шаблонів за адресою colorhunt.co.

Колір фону

Ми можемо задати колір фону елемента за допомогою властивості background-color.

Способи задання кольору

Існує три основні способи: назва кольору, hex, rgb.

Назва кольору

Ми можемо використовувати зарезервовані слова кольору. Список зарезервованих кольорів можна знайти за адресою htmlcolorcodes.com

Hex формат

Hex представляє кольори у вигляді шестизначного коду, що складається з трьох пар двозначних значень. Кожна пара представляє інтенсивність червоного, зеленого та синього кольорів (у такому порядку).

Значення у форматі hex варіюються від 00 (відсутність інтенсивності) до FF (максимальна інтенсивність).

Формат RGB

RGB представляє кольори у вигляді серії з трьох чисел, які відповідають інтенсивності червоного, зеленого та синього (у такому порядку)

Значення формату RGB варіюються від 0 (відсутність інтенсивності) до 255 (максимальна інтенсивність).

Примітка

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

Прозорість

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

Значення alpha може змінюватися від 0 (повністю прозорий) до 1 (повністю непрозорий). Наприклад, значення RGBA rgba(0, 255, 0, 0.5) представляє зелений колір з 50% непрозорістю.