Background rgba: background-color — CSS: Cascading Style Sheets

цветов RGBA | Campaign Monitor

цветов RGBA | Монитор кампании

Рабочий стол Посмотреть все 11

Мобильный Посмотреть все 16

Веб-почта

Цвет и фон

Рабочий стол

• Рабочий стол AOL
• Apple Mail 10
• IBM Notes 9
• Перспективы 2000–03
• Прогноз на 2007–2016 годы
• Аутлук Экспресс
• Outlook для Mac
• Почтовый ящик
• Тандерберд
• Почта Windows 10
• Почта Windows Live

Мобильный

• Android 4. 2.2 Почта
• Android 4.4.4 Почта
• Приложение AOL Alto для Android
• Приложение AOL Alto для iOS
• Блэкберри
• Приложение Gmail для Android
• Приложение Gmail для Android IMAP
• Приложение Gmail для iOS
• Мобильная веб-почта Gmail
• Почта iOS 10
• Почта iOS 11
• Приложение Outlook для Android
• Приложение Outlook для iOS
• Почта Windows Phone 8
• Yahoo! Почта Android-приложение
• Yahoo! Почтовое приложение iOS

Веб-почта

• Почта AOL
• G Suite
• Gmail
• Outlook. com
• Yahoo! Почта

Начните работу с Campaign Monitor сегодня.

С нашими мощными, но простыми в использовании инструментами еще никогда не было так легко оказывать влияние на электронный маркетинг.

Попробуйте бесплатно

цветов RGBA, HSLA и HSL

Автор: Авинаш Малхотра

Обновлено 10 марта 2021 г.

• ← Непрозрачность CSS3
• Градиенты CSS3 →

1. Дом
2. Веб-дизайн
3. org/ListItem»> CSS3
4. Селекторы CSS3

Цвета RGB VS HSL

RGBA 9Цвета 0121 и HSL / HSLA представлены в CSS3. До CSS2 мы использовали только цвета RGB ( красный, зеленый, синий ). RGB и RGBA являются цветами экрана и не рекомендуются для печати. Общее количество цветов в RGB составляет 16 миллионов. Но CSS3 также поддерживает цветов RGBA , цветов HSL и цветов HSLA . HSL Расшифровывается как Оттенок, насыщенность, яркость .

Цвета CSS3

Цвет	Полная форма	Версия CSS
RGB	Красный Зеленый синий	УС2
RGBA	Красный Зеленый Синий Альфа	CSS3
ВШЛ	Оттенок Насыщенность Яркость	CSS3
HSLA	Оттенок Насыщенность Яркость Альфа	CSS3

---

Цвет RGBA

До css3 мы использовали только цветов RGB . Цвета RGB объявлены в формате RGB или в шестнадцатеричном формате . Например, красный цвет записывается как red , rgb(255,0,0) , #ff0000 и #f00 .

Цвета RGBA аналогичны цветам RGB , но имеют дополнительное четвертое значение: Альфа. Alpha — это уровень непрозрачности цвета . Таким образом, сплошной красный цвет также можно записать как 9.0199 rgba(255, 0, 0, 1) . Но если мы хотим добавить прозрачности в красный цвет, нам нужно использовать

RGBA цвет . Альфа-значение всегда с плавающей запятой , оно варьируется от 0 до 1, exp rgba(255,0,0,0.5)- красный цвет с прозрачностью 50%. Для темных (сплошных) цветов значение альфа-канала равно 1. Для полной прозрачности значение альфа-канала равно 0. Для полупрозрачного цвета значение альфа-канала может варьироваться. Альфа 0,25 означает прозрачность 75%, 0,75 означает прозрачность 25%.

Для шестнадцатеричных чисел используйте #ff0000ff для полного красного цвета и измените последние 2 шестнадцатеричных значения, чтобы изменить непрозрачность.

background-color rgba(255,0,0,1)

background-color rgba(255,0,0,0.75)

background-color rgba(255,0,0,0.5)

background-color RGBA(255,0,0,0,25)

 цвет rgba(255,0,0,1)
 цвет rgba(255,0,0,0.75)
 цвет rgba(255,0,0,0.5)
 цвет rgba(255,0,0,0.25)
 
 

           

Палитра цветов RGBA

Красный: Зеленый: Синий: Альфа:

rgba(255,0,0,1)

---

HSL и HSLA Color

HSL означает оттенок, насыщенность и яркость . В цветах RGB мы не можем изменить насыщенность и яркость цвета, но в HSL мы можем изменить.

HSLA означает оттенок, насыщенность, яркость и альфа .