Voordeel van rgb(a)?

[MoietyMe]

Het is volgens mij een vrij simpele vraag waar ik het antwoord zo 1, 2, 3 niet op kon vinden. Is er een voordeel bij het gebruik van rgb in plaats van hex?

Het enige voordeel dat ik kon vinden is dat je rgba(0,0,0,0.5) kunt gebruiken waar het laatste cijfer de transparency aangeeft. Al werkt dat dan weer niet in =< IE8, die haalt gewoon de hele kleur weg dan.

[joostvanpinxten]

Theoretisch is het hetzelfde volgens mij, bv #0FF0FF is gelijk aan rgb(15,240,255). Ook de maximale waarden zijn hetzelfde, aangezien het ook hier weer om 16 bits kleuren gaat.

[BtM909]

Naast transparancy maakt het rekenen (transitions) soms wat makkelijker. Uiteindelijk is het gewoon een andere methode om een kleur aan te geven, waarbij de ene in hexadecimaal is en de ander in decimalen.

[ Voor 48% gewijzigd door BtM909 op 02-12-2009 11:45 ]

[RobIII]

joostvanpinxten schreef op woensdag 02 december 2009 @ 11:43:
Ook de maximale waarden zijn hetzelfde, aangezien het ook hier weer om 16 bits kleuren gaat.

24 bits
Er is verder inderdaad gewoon geen verschil, op de Alpha waarde na en zolang je die niet gebruikt is er dus geen verschil behalve de notatie.

[ Voor 24% gewijzigd door RobIII op 02-12-2009 11:45 ]

[OkkE]

Wanneer je de alpha van rgba() niet gebruikt en dus eigenlijk alleen rgb(), dan is in mijn ogen het enige voordeel dat het iets logischer zal zijn voor veel mensen.

[mcDavid]

Technisch is het enige verschil de decimale danwel hexadecimale notatie De hex-code bestaat ook uit 3 waardes voor R G en B.
Ik gebruik meestal de hex-code omdat deze makkelijker te kopieren is uit de meeste tekenprogramma's, en omdat de notatie lekker kort is.

[Eijkb]

Het jaarlijkse 24ways.org is weer begonnen met aftellen en deel 1: RGBA!

http://24ways.org/2009/working-with-rgba-colour

[MoietyMe]

Bedankt voor de informatie. Dacht al dat er verder geen verschil in zat.

[joostvanpinxten]

RobIII schreef op woensdag 02 december 2009 @ 11:44:
[...]

24 bits
Er is verder inderdaad gewoon geen verschil, op de Alpha waarde na en zolang je die niet gebruikt is er dus geen verschil behalve de notatie.

Hmm, ja, snelheidsfoutje.... Overigens ook interessant: Wikipedia: Web colors/CSS3 waarin er ook een HSL(A) model staat

[JefSnare]

Eijkb schreef op woensdag 02 december 2009 @ 11:56:
Het jaarlijkse 24ways.org is weer begonnen met aftellen en deel 1: RGBA!

http://24ways.org/2009/working-with-rgba-colour

Kan dit nu al als betrouwbare functie beschouwd worden waarin iedereen dit dus ook ziet?

[Ram0n]

JefSnare schreef op woensdag 02 december 2009 @ 22:16:
[...]


Kan dit nu al als betrouwbare functie beschouwd worden waarin iedereen dit dus ook ziet?

Dat staat letterlijk op die pagina he Alle grote browsers, behalve Internet Explorer. Die pagina gebruikt het zelf ook om het menu op te bouwen, vergelijke je browser eens met de rendering in IE (er vanuit gaande dat je Firefox o.i.d. gebruikt).

[ Voor 20% gewijzigd door Ram0n op 02-12-2009 22:26 ]

[Sebazzz]

Er wordt één belangrijk ding vergeten:
De alpha in rgba geldt alleen op die specifieke property, dus de child elementen van het element krijgen niet dezelfde alpha waarde waar het bij opacity wel zo is. Check http://www.css3.info/preview/rgba/ en http://www.css3.info/introduction-opacity-rgba/ maar

[ Voor 9% gewijzigd door Sebazzz op 02-12-2009 23:13 ]

[JefSnare]

Ram0n schreef op woensdag 02 december 2009 @ 22:25:
[...]

Dat staat letterlijk op die pagina he Alle grote browsers, behalve Internet Explorer. Die pagina gebruikt het zelf ook om het menu op te bouwen, vergelijke je browser eens met de rendering in IE (er vanuit gaande dat je Firefox o.i.d. gebruikt).

Ik zie het nu staan inderdaad. Ik gebruik Firefox (en de nieuwe beta) . In IE werkt het dus niet, beetje jammer want met zulke dingen kun je leuke effecten maken. Opzich is het een makkelijk en leuk effect wat je kan toevoegen i.p.v. de statische webkleuren.

offtopic:
Jammer dat sommige mensen nog zweren bij IE

Edit: @Sebazzz:
Dat heb ik inderdaad ook gelezen, je zou dus voor (bijvoorbeeld) elke div als je gaat stacken dit apart moeten doen?

[ Voor 9% gewijzigd door JefSnare op 03-12-2009 08:46 ]

[Matis]

Eijkb schreef op woensdag 02 december 2009 @ 11:56:
Het jaarlijkse 24ways.org is weer begonnen met aftellen en deel 1: RGBA!

http://24ways.org/2009/working-with-rgba-colour

Chrome geeft die site wel goed weer, maar het scrollen is praktisch onmogelijk. Het gaat zo traag en het vreet mijn CPU op.

Daarnaast gaat mijn voorkeur ook uit naar hexadecimale codes. Niet alleen omdat het veelal een stuk korter is, maar ook omdat je dan veel eenvoudiger kan maskeren.

[mcDavid]

Matis schreef op donderdag 03 december 2009 @ 08:51:
[...]

Chrome geeft die site wel goed weer, maar het scrollen is praktisch onmogelijk. Het gaat zo traag en het vreet mijn CPU op.

Daarnaast gaat mijn voorkeur ook uit naar hexadecimale codes. Niet alleen omdat het veelal een stuk korter is, maar ook omdat je dan veel eenvoudiger kan maskeren.

offtopic:
So much for "Chrome is de snelste browser ooit"

[Sebazzz]

JefSnare schreef op donderdag 03 december 2009 @ 08:45:
[...]

Edit: @Sebazzz:
Dat heb ik inderdaad ook gelezen, je zou dus voor (bijvoorbeeld) elke div als je gaat stacken dit apart moeten doen?

Ja, of je gebruikt opacity omdat de child element deze property gelijk overerven

[.oisyn]

Matis schreef op donderdag 03 december 2009 @ 08:51:
[...]

Chrome geeft die site wel goed weer, maar het scrollen is praktisch onmogelijk. Het gaat zo traag en het vreet mijn CPU op.

Vind je het gek, met alpha blended layers en een fixed background . Zorg dan dat de achtergrond ook meescrollt, dan hoeft niet iedere keer het scherm volledig opnieuw gerenderd te worden. En dat voor een webdev site .

Dit overigens naast het feit dat Chrome er idd abnormaal veel moeite mee heeft, dat zou ook niet moeten.

[ Voor 13% gewijzigd door .oisyn op 03-12-2009 13:17 ]

[Matis]

.oisyn schreef op donderdag 03 december 2009 @ 13:16:
Vind je het gek, met alpha blended layers en een fixed background . Zorg dan dat de achtergrond ook meescrollt, dan hoeft niet iedere keer het scherm volledig opnieuw gerenderd te worden. En dat voor een webdev site .

Dit overigens naast het feit dat Chrome er idd abnormaal veel moeite mee heeft, dat zou ook niet moeten.

Vooral die laatste zin doet het hem Firefox doet het prima en laat de site gewoon soepel aanvoelen. Ik denk dat het eerder een probleem van Chrome is dan van de webdevver

[Duroth]

Ik heb ooit ergens eens gelezen dat Hex vooral populair is bij programmeurs, terwijl rgb het beter doet bij de designers. In hoeverre dat waar zou zijn, geen flauw benul, maar het klinkt ergens wel logisch.

Overigens is een hex notatie iets korter, zeker in shorthand (# plus 3 tekens ipv. 6).

Overigens heb ik zelf wel eens hex notaties gezien met opacity (#OORRGGBB), maar deze worden - voor zover ik weet - op het web niet gebruikt (of zelfs maar ondersteund).

offtopic:
En die 24 ways website irriteert me behoorlijk. Ik weet dat de fout bij Chrome ligt, maar desondanks weet die site opacity wel zwaar te misbruiken, naar mijn bescheiden mening.

[Sebazzz]

Duroth schreef op donderdag 03 december 2009 @ 20:42:
Overigens heb ik zelf wel eens hex notaties gezien met opacity (#OORRGGBB), maar deze worden - voor zover ik weet - op het web niet gebruikt (of zelfs maar ondersteund).

Ja, je komt deze o.a. in Expression Blend tegen. Maar op het web werkt het ook prima, in een moderne webbrowser althans. Gecko en Webkit pakken het prima, maar dat komt ook omdat ze rgba en hsla ook goed pakken.