Який код для прозорого кольору фону?

0 Comments

У HTML ви можете створити прозорий фоновий колір за допомогою rgba(255,255,255,0,5) як значення кольору. Це створить напівпрозорий фон із непрозорістю 50%. Якщо ви хочете зробити фон повністю прозорим, ви можете замість цього використати rgba(255,255,255,0).

Альфа-значення 0 (або 00 у шістнадцяткових рядках) відповідає повністю прозорому, а альфа-значення 1 (або FF у шістнадцяткових рядках) відповідає повністю непрозорому.

Значення кольорів RGBA є розширенням значень кольорів RGB з альфа-каналом, який визначає непрозорість кольору. Значення кольору RGBA вказується за допомогою: rgba(red, green, blue, alpha). Альфа-параметр – це число між 0,0 (повністю прозорий) і 1.0 (повністю непрозорий).

Легко створювати зображення просто з простого HTML. Ви можете легко створити PNG із прозорим фоном додавання body { background: transparent} до вашого CSS. Подивіться на цей приклад. Примітка: це працює лише для PNG. Якщо ви візуалізуєте зображення як JPG, фон буде білим.

Щоб додати прозорість кольоровому тлу, ви можете використовувати колірний формат RGBA. RGBA означає червоний, зелений, синій і альфа, де значення альфа визначає рівень прозорості. У CSS ви можете вказати значення RGBA, надавши червоне, зелене, синє значення, а також значення альфа.

0xFF Шістнадцяткові числа мають основу 16, тому кожна цифра є значенням від 0 до F. Максимальне значення для двобайтового шістнадцяткового значення (наприклад, прозорість кольору) дорівнює 0xFF або 255 у десятковій системі. Таким чином, 100% є 0xFF.