Зміна Кольорів Тексту в 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
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Чудово!
Completion показник покращився до 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
Дякуємо за ваш відгук!
