Путаница с прозрачным фоном в CSS

Question

Я знаю, что прозрачность может быть достигнута с использованием значения rgba(221, 221, 221, 0.6). Я хочу знать, что означает 221,221,221,0.6 ??

Answer 1

Цветовая нотация rgba() позволяет указывать значения красного, зеленого, синего и альфа-канала для цвета соответственно.Это означает 221 красный, 221 зеленый, 221 синий и 0,6 (60%) альфа.

Значения RGB имеют диапазон от 0 до 255;это стандартный диапазон для цветовой модели RGB и обозначений (это объясняется в предыдущем разделе для обозначений rgb() ).Чем выше значение цветового компонента, тем больше этот цветовой компонент будет смешан с результирующим цветом.

Альфа-значение имеет диапазон от 0 до 1 с десятичными значениями.Это то, что определяет непрозрачность (или прозрачность) цвета.Чем выше значение, тем более непрозрачным будет результирующий цвет.

Answer 2

Кажется, как будто вы не совсем понимаете концепцию значений цвета.

Каждое значение цвета представлено длиной 8 бит. Это 11111111, что переводится как 256, но поскольку 0 является начальной цифрой. Максимальное значение в 255.

При определении цвета существуют 3 основных цветов, red, green и blue, что означает rgb. Поскольку CSS3 дает нам возможность прозрачности, реализуя еще одно свойство alpha, которое представляет непрозрачность значения цвета. Итак, новая команда стала rgba

Теперь

r: 255 обозначает максимальный красный цвет

г: 255 обозначает максимальный зеленый цвет

b: 255 обозначает максимальный зеленый цвет

Когда все значения цвета имеют максимальные значения, в результате получается цвет white, что и происходит, когда вы вращаете цветовое колесо.

Теперь идёт часть alpha. Это представляет в percentage/100. Таким образом, 1 будет полностью непрозрачным, а 0 будет полностью прозрачным.

Answer 3

как говорят парни Red Green Blue Alpha подробнее о значениях: http://www.w3schools.com/cssref/css_colors.asp в основном вы используете комбинацию из 3 цветов, чтобы сделать каждый нужный вам цвет, чем больше число, тем больше добавляется этого цветав «миксе»

Answer 4

По компоненту:

• КРАСНЫЙ
• ЗЕЛЕНЫЙ
• СИНИЙ
• АЛЬФА

(rgba являетсяакроним для них.) Компоненты цвета могут быть либо абсолютными значениями в диапазоне [0-255] или процентами 0% ... 100% (которые могут быть преобразованы в абсолютные значенияпри использовании

absVal = 255 * pctVal / 100 .) компонент Alpha может быть плавающим в диапазоне [0..1] (0 означает полностью прозрачный, 1 означает полностью непрозрачные цвета.)

Аналогично, вы можете использовать hsl (или hsla для альфа-канала), чтобы использовать цветовое пространство HSL .

См. эту спецификацию , чтобы узнать, как можно указать значения цвета в CSS.