Каковы различия между RGB и RGBA, кроме "непрозрачности",

Я перешел за рамки стандартных цветов в CSS, объявив их orange, blue, aquamarine и т.д.... и использовал rgb() для одинаковых цветов соответственно rgb(255,165,0), rgb(0,0,255) и rgb(127,255,212) (благодаря пакету ColorHighlighter в ST3).

При изменении градиента для бутстрапа .btn я столкнулся с rgba(). В кратком исследовании объясняется, что a обозначает alpha, и theres представляет собой целую кучу интегральной математики, приписываемой Catmull и Smith. Также довольно легко найти, что альфа-канал используется для "альфа-компоновки", который в основном может быть связан как "непрозрачность".

  • Существуют ли различия между двумя, кроме непрозрачности?
  • Почему это не соглашение использовать RGBA. (Я предполагаю это, так как я просто сейчас наткнулся на это)
  • Существуют ли другие ограничения, которые следует знать при использовании rgba() для в Интернете?
  • Есть ли ярлык для объявления непрозрачности рядом с ярлыком цвета? (т.е. color: salmon:.5;)
  • С точки зрения веб-разработчика, мне нужно беспокоиться о различия между байтами ARGB, RGBA, BGRA для разных машины INFO?
  • Другая важная информация?

Ответы

Ответ 1

RGB - это трехканальный формат, содержащий данные для красного, зеленого и синего. RGBA - это 4-канальный формат, содержащий данные для Red, Green, Blue и Alpha.

Для альфа-канала нет необходимости использовать цвет прозрачный/непрозрачный (или частично прозрачный, полупрозрачный).

В CSS у rgb() была широкая поддержка браузера в течение нескольких лет, прежде чем rgba() получил тот же уровень поддержки. Это одна из причин, по которой вы найдете больше rgb() в CSS, чем rgba(). Другая причина заключается в том, что прозрачность - это не то, что вы обычно используете повсюду.

Вы можете найти значение RGB, упакованное в 16 бит, с 5 битами для синего и красного и 6 бит для зеленого (зеленый цвет получает больше бит, потому что глаз более проницателен для оттенков зеленого цвета). Вы также можете найти значение RGBA, упакованное в 16 бит, с 5 битами для каждого цвета и 1 бит для альфы. С одним битом вы можете сделать цвет полностью прозрачным или вообще не прозрачным.

Обычно в настоящее время вы найдете RGB и RGBA, упакованные в 32-битные значения, с 8 битами для каждого цвета и 8 бит для альфа (или слева пустым для RGB).

В CSS дизайнеры решили использовать значения 0-255 (диапазон для 8-битного значения) для красного, зеленого и синего, но они используют значение между 0.0 и 1.0 для альфа-канала. Фактический формат байта для цвета не имеет отношения к веб-разработчикам.

По моему опыту, ни Rgb(), ни rgba() не используются очень часто в CSS. Хек-цвета являются более доминирующими и предшествуют еще нескольким годам.

HSL на самом деле намного лучший формат для работы с цветами и поддерживается в CSS (IE9 +, Firefox, Chrome, Safari и в Opera 10 +.).

http://www.w3schools.com/cssref/css_colors_legal.asp

Ответ 2

RGB - это стандартные цвета rgb, вы это уже понимаете.

RGBa - стандартные цвета rgb, но с альфа-прозрачностью.

Кроме того, нет никакой разницы, цвета все еще совпадают.

Проблема с использованием этого и других стилей CSS3 заключается в том, что он не всегда поддерживается. Вот ссылка, которую я нашел, которая сообщает вам, какие версии браузеров поддерживают ее.

Объявление alpha в CSS будет выглядеть как rgba (0, 0, 0,.3), причем альфа является десятичной или целое число от 1 до 0. 1 является непрозрачным, а 0 - полностью прозрачным.

Ответ 3

rgb - стандартные значения rgb (красный, зеленый, синий)

rgba - стандартные значения rgb (красный, зеленый, синий + альфа (ака непрозрачность))

Вы не найдете никаких цветовых вариаций. RGBA - свойство цвета css3.

Поскольку поддержка старых браузеров может быть ограничена, вы можете использовать резервный цвет как таковой:

CSS

div {
    background-color: rgb(200, 54, 54); /* The Fallback */
    background-color: rgba(200, 54, 54, 0.5); 
}