web-dev-qa-db-fra.com

Quelles sont les différences entre RVB et RVBA autres que "l'opacité"

J'ai dépassé l'utilisation des couleurs standard dans CSS en les déclarant orange, blue, aquamarine, etc ..., et j'utilise rgb() comme ainsi pour les mêmes couleurs respectivement, rgb(255,165,0), rgb(0,0,255) et rgb(127,255,212) (grâce au ColorHighlighter package dans ST3).

Lors de la modification d'un dégradé pour bootstrap .btn, je suis tombé sur rgba(). Une recherche rapide explique que a signifie alpha, et qu’il existe tout un ensemble de mathématiques intégrales attribuées à Catmull et Smith . Il est également assez facile de constater que le canal alpha est utilisé pour la "composition alpha", qui peut généralement être associée à une "opacité".

  • Y a-t-il des différences entre les deux autres que l'opacité? 
  • Pourquoi n'est-ce pas conventionnel d'utiliser RGBA (je suppose cela depuis que je suis En train de trébucher dessus)
  • Existe-t-il d'autres restrictions à connaître lors de l'utilisation de rgba () pour Web?
  • Existe-t-il un raccourci pour déclarer l'opacité à côté d'un raccourci de couleur? (ie color: salmon:.5;)
  • En tant que développeur Web, dois-je m'inquiéter des différences Entre l'ordre des octets ARGB, RGBA et BGRA pour différentes Machines INFO ?
  • Autres informations importantes?
cssrgbargbrbga
13
chris Frisina

RVB est un format à 3 canaux contenant des données pour le rouge, le vert et le bleu . RGBA est un format à 4 canaux contenant des données pour le rouge, le vert, le bleu et l'alpha.

Le canal Alpha n’a d’autre utilisation que de rendre la couleur transparente/opaque (ou partiellement transparente; translucide).

En CSS, rgb () disposait d'un large support pour les navigateurs depuis plusieurs années avant que rgba () ne reçoive le même niveau de support. C'est l'une des raisons pour lesquelles vous trouverez plus de rgb () dans CSS que de rgba (). L'autre raison est que la translucidité n'est pas quelque chose que vous utilisez généralement partout.

Vous trouverez peut-être une valeur RVB compressée sur 16 bits, dont 5 bits pour le bleu et le rouge et 6 bits pour le vert (le vert prend plus de bits car l’œil perçoit mieux les nuances de vert). Vous pouvez également trouver une valeur RGBA compressée sur 16 bits, avec 5 bits pour chaque couleur et 1 bit pour alpha. Avec un bit, vous ne pouvez rendre la couleur que totalement transparente ou pas du tout transparente.

De nos jours, RGB et RGBA sont regroupés dans des valeurs de 32 bits, avec 8 bits pour chaque couleur et 8 bits pour alpha (ou laissé en blanc pour RGB).

En CSS, les concepteurs ont décidé d'utiliser les valeurs 0-255 (la plage pour une valeur de 8 bits) pour le rouge, le vert et le bleu, mais une valeur comprise entre 0,0 et 1,0 pour le canal Alpha. Le format d'octet réel de la couleur n'est pas pertinent pour les développeurs Web.

D'après mon expérience, ni rgb () ni rgba () ne sont utilisés très souvent dans CSS. Les couleurs hexagonales sont bien plus dominantes et leur ont précédé de plusieurs années.

Le format HSL est en fait un format bien meilleur pour le travail avec les couleurs et est pris en charge en CSS (IE9 +, Firefox, Chrome, Safari et Opera 10+.).

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

25
Rich Remer

RGB correspond aux couleurs standard RVB, vous le comprenez déjà.

RGBa correspond aux couleurs standard RVB, mais également à l'alpha/opacité.

A part cela, il n'y a pas de différence, les couleurs codent toujours de la même manière.

Le problème lié à l’utilisation de ce style et des autres styles de couleur CSS3 est qu’il n’est pas toujours pris en charge . Voici un lien que j’ai trouvé et qui indique quelles versions des navigateurs le supporte.

Déclarer alpha dans CSS ressemblerait à ceci rgba (0, 0, 0, .3)} avec alpha correspondant à un nombre décimal ou à un entier de 1 à 0. 1 étant opaque et 0 étant complètement transparent.

2
NathanZNeitman

rGB est la valeur standard RGB (rouge, vert, bleu)

rgba est la valeur standard de rgb (rouge, vert, bleu + alpha (opacité))

Vous ne trouverez aucune variation de couleur. RGBA est une propriété de couleur css3.

Comme la prise en charge des anciens navigateurs est peut-être limitée, vous pouvez utiliser une couleur de secours en tant que telle:

CSS:

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