Зміна Кольорів Тексту в CSS
Раніше ми додавали кольори до тексту дуже інтуїтивно та просто. Однак розглянемо детальніше, як саме застосовується колір.
Колір
Колір тексту можна задати для текстового елемента за допомогою CSS-властивості color, якій можна присвоїти значення у різних форматах. Найчастіше використовуються значення кольору у форматах RGB, hex та імена кольорів. Розглянемо наступний приклад, у якому до тексту застосовується червоний колір.
index.html
styles.css
Примітка
Деякі цікаві шаблони кольорів можна знайти на https://colorhunt.co/.
Формати для задання кольору
Розглянемо детальніше кожен формат.
Назва кольору
Можна використовувати зарезервовані слова кольорів. Список зарезервованих кольорів доступний на https://htmlcolorcodes.com.
Шістнадцятковий формат
Hex представляє кольори у вигляді шестизначного коду, що складається з трьох пар двозначних значень. Кожна пара відповідає інтенсивності червоного, зеленого та синього (у такому порядку).
Значення у шістнадцятковому форматі варіюються від 00 (відсутність інтенсивності) до FF (максимальна інтенсивність).
Формат RGB
RGB представляє кольори як послідовність із трьох чисел, що відповідають інтенсивності червоного, зеленого та синього (у такому порядку)
Значення у форматі RGB варіюються від 0 (відсутність інтенсивності) до 255 (максимальна інтенсивність).
Примітка
Як hex, так і rgb значення широко використовуються у вебдизайні, а вибір між ними залежить від особистих вподобань і вимог проєкту.
Прозорість
Прозорість у кольорах rgb можна задати за допомогою нотації rgba (red, green, blue, alpha), де alpha — це рівень непрозорості або прозорості кольору.
Значення alpha може бути від 0 (повністю прозорий) до 1 (повністю непрозорий). Наприклад, значення RGBA rgba(0, 255, 0, 0.5) означає зелений колір із 50% прозорістю.
index.html
styles.css
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.56Зміна Кольорів Тексту в CSS
Свайпніть щоб показати меню
Раніше ми додавали кольори до тексту дуже інтуїтивно та просто. Однак розглянемо детальніше, як саме застосовується колір.
Колір
Колір тексту можна задати для текстового елемента за допомогою CSS-властивості color, якій можна присвоїти значення у різних форматах. Найчастіше використовуються значення кольору у форматах RGB, hex та імена кольорів. Розглянемо наступний приклад, у якому до тексту застосовується червоний колір.
index.html
styles.css
Примітка
Деякі цікаві шаблони кольорів можна знайти на https://colorhunt.co/.
Формати для задання кольору
Розглянемо детальніше кожен формат.
Назва кольору
Можна використовувати зарезервовані слова кольорів. Список зарезервованих кольорів доступний на https://htmlcolorcodes.com.
Шістнадцятковий формат
Hex представляє кольори у вигляді шестизначного коду, що складається з трьох пар двозначних значень. Кожна пара відповідає інтенсивності червоного, зеленого та синього (у такому порядку).
Значення у шістнадцятковому форматі варіюються від 00 (відсутність інтенсивності) до FF (максимальна інтенсивність).
Формат RGB
RGB представляє кольори як послідовність із трьох чисел, що відповідають інтенсивності червоного, зеленого та синього (у такому порядку)
Значення у форматі RGB варіюються від 0 (відсутність інтенсивності) до 255 (максимальна інтенсивність).
Примітка
Як hex, так і rgb значення широко використовуються у вебдизайні, а вибір між ними залежить від особистих вподобань і вимог проєкту.
Прозорість
Прозорість у кольорах rgb можна задати за допомогою нотації rgba (red, green, blue, alpha), де alpha — це рівень непрозорості або прозорості кольору.
Значення alpha може бути від 0 (повністю прозорий) до 1 (повністю непрозорий). Наприклад, значення RGBA rgba(0, 255, 0, 0.5) означає зелений колір із 50% прозорістю.
index.html
styles.css
Дякуємо за ваш відгук!
