Зміна Кольорів Тексту в 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
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Can you explain the difference between hex, rgb, and color names in CSS?
How do I use rgba to add transparency to a color?
Where can I find a list of all reserved color names?
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
Дякуємо за ваш відгук!
