0

Gecodeerd

RGB Kleur (Hex)
Notatie
RGB Kleur
Kleurruimte
Notatie

Over RGB-kleur

RGB-kleur is een kleurmodel dat kleuren weergeeft door drie lichtcomponenten te combineren: rood, groen en blauw. Het wordt veel gebruikt voor kleuren op schermen, zoals displays, webpagina’s en afbeeldingsgegevens.

In RGB wordt de sterkte van elke component met een numerieke waarde opgegeven. Meestal gebeurt dit als geheel getal van 0 tot 255 of als percentage van 0% tot 100%. Als alle componenten 0 zijn, is de kleur zwart; als alle componenten maximaal zijn, is de kleur wit.

KleurRGB-notatieHex-notatie
Roodrgb(255 0 0)#ff0000
Groenrgb(0 128 0)#008000
Blauwrgb(0 0 255)#0000ff
Witrgb(255 255 255)#ffffff
Zwartrgb(0 0 0)#000000

RGB-kleuren kunnen in functienotatie of hexadecimale notatie worden geschreven. Rood kan bijvoorbeeld worden weergegeven als rgb(255 0 0), rgb(100% 0% 0%), #ff0000 of #f00.

Voeg een alfawaarde toe om transparantie op te nemen. Halftransparant rood kan bijvoorbeeld worden weergegeven als rgb(255 0 0 / 50%) of #ff000080.

De RGB-kleurconversie van DenCode ondersteunt de volgende notatieopties.

RGB-kleur (hex)
NotatieoptieFormatVoorbeeld
#RRGGBB(AA)#RRGGBB
#RRGGBBAA		#ff0000
#ff000080
0xAARRGGBB0xAARRGGBB0xffff0000
0x80ff0000
RGB-kleur
NotatieoptieFormatVoorbeeld
Getalrgb(R G B)
rgb(R G B / A)		rgb(255 0 0)
rgb(255 0 0 / 0.5)
Percentagergb(R% G% B%)
rgb(R% G% B% / A)		rgb(100% 0% 0%)
rgb(100% 0% 0% / 0.5)

0xAARRGGBB is geen standaard CSS-hexkleur, maar een ARGB-indeling die soms in programma’s en toepassingsinstellingen wordt gebruikt. De voorste AA staat voor alfa, gevolgd door RR, GG en BB voor rood, groen en blauw.

sRGB en andere RGB-kleurruimten

RGB is een kleurmodel dat kleuren weergeeft met drie componenten: rood, groen en blauw. Toch kan dezelfde RGB-waarde er anders uitzien afhankelijk van de kleurruimte waarin deze wordt geïnterpreteerd. Veelgebruikte webwaarden zoals rgb() en #RRGGBB worden normaal als sRGB-kleuren behandeld.

CSS Color Module Level 4 definieert ook RGB-kleurruimten met een ander gamut dan sRGB, zoals Display P3 en ProPhoto RGB. DenCode ondersteunt ook conversie voor deze kleurruimten.

KleurruimteFormatVoorbeeldKenmerken
sRGBrgb(...)
color(srgb ...)		rgb(255 0 0)
color(srgb 1 0 0)		De gebruikelijke RGB-kleurruimte voor web en CSS. Hexkleurcodes en gewone rgb()-waarden worden in principe als sRGB behandeld. color(srgb ...) is een CSS Color Module Level 4-indeling.
Linear sRGBcolor(srgb-linear ...)color(srgb-linear 1 0 0)Een kleurruimte met hetzelfde gamut als sRGB, maar met gelineariseerde componentwaarden. Deze wordt gebruikt voor kleurberekeningen en compositing.
Display P3color(display-p3 ...)color(display-p3 1 0 0)Een kleurruimte met een groter gamut dan sRGB, gebruikt op wide-gamut-schermen en sommige mobiele apparaten.
Adobe RGB (1998)color(a98-rgb ...)color(a98-rgb 1 0 0)Een ruimere kleurruimte dan sRGB, soms gebruikt bij fotobewerking en drukgerichte workflows.
ProPhoto RGBcolor(prophoto-rgb ...)color(prophoto-rgb 1 0 0)Een RGB-kleurruimte met een nog groter gamut dan Adobe RGB, gebruikt als werkruimte bij fotobewerking.
Rec. 2020color(rec2020 ...)color(rec2020 1 0 0)Een RGB-kleurruimte met een zeer groot gamut, gebruikt in UHDTV- en HDR-videostandaarden.

Kleuren die in RGB-kleurruimten met groot gamut zijn opgegeven, kunnen op sRGB-schermen of met gewone hexkleurcodes mogelijk niet nauwkeurig worden weergegeven. Wanneer DenCode converteert naar #RRGGBB of numeriek rgb(R G B), worden componenten buiten het sRGB-bereik behandeld zodat ze binnen 0 tot 255 passen. Bij keuze van color(display-p3 ...) of color(a98-rgb ...) kunnen ze worden weergegeven als componentwaarden van de gekozen kleurruimte.