RGB-kleursysteem

Het RGB-kleursysteem is een kleurcodering, een manier om een kleur uit te drukken met behulp van een combinatie van de drie primaire kleuren Rood-Groen-Blauw, uitgaande van additieve kleurmenging. De hoeveelheid van elke primaire kleur die benodigd is om de mengkleur te verkrijgen, wordt uitgedrukt in een getal dat meestal uit 8 bits bestaat en kan variëren tussen 0 en 255. Voor HTML-toepassingen, cascading style sheets en scalable vector graphics (gebruikt op internet) wordt hiervoor veelal het hexadecimale stelsel gebruikt, waarbij de hoeveelheid van elke primaire kleur kan variëren tussen 00 en FF. In toepassingen waar een hogere kwaliteit vereist wordt worden ook wel 12, 16 of nog meer bits per kleur gebruikt, waarmee kleurwaardes tussen 0 en 4095 resp. 0 en 65535 of nog meer aangegeven kunnen worden. Zo bevatten RAW-bestanden van digitale camera's meestal 12 bits-kleurwaarden.

Hexadecimale kleurcodering (RGB)

Relatie RGB-waarde met de daarbij passende kleurweergave

De kleuren worden opgebouwd uit drie primaire additieve kleuren rood, groen en blauw, vandaar de afkorting RGB. De hoeveelheid van een kleur ligt in tussen 00 (=0, niets van die kleur) en het hexadecimale FF (=255, alles van die kleur). De ondergrond is zwart (geen licht).

In dit RGB-kleursysteem wordt de kleur uitgedrukt in totaal zes hexadecimale cijfers. Hiermee kunnen 16⁶ kleuren, oftewel 16.777.216 kleuren, gecodeerd worden. De eerste twee cijfers geven de hoeveelheid van de kleur rood aan. FF0000 is zuiver rood: ​. De tweede twee cijfers geven de hoeveelheid van de kleur groen aan. 00FF00 is zuiver groen: ​. 0000FF is ten slotte zuiver blauw: ​. Zuiver zwart: ​ en wit: ​ worden aangegeven met 000000 respectievelijk FFFFFF. De combinaties 010101, 020202, 030303 enzovoorts zijn verschillende tinten grijs.

Er is ook een verkorte notatie, waarbij per kleur maar één hexadecimaal teken gebruikt wordt, hier is FFF zuiver wit, F00 rood enzovoorts. Met deze verkorte notatie kunnen 16³=4096 kleuren worden weergegeven.

Anders dan bij verf is geel in dit kleurensysteem, dat gebaseerd is op licht met additieve kleuren, geen primaire kleur. Groen echter juist wel. Door combinaties van hoeveelheid intensiteit per kleur ontstaan zeer veel mogelijkheden.

Kleurbereik RGB

Bereik van het menselijk oog en RGB

Op de afbeelding rechts is het CIE-standaardchromaticiteitsdiagram te zien. Dit geeft een benadering van het gehele kleurbereik van het menselijk oog aan. RGB beslaat slechts een deel van dit diagram. De hoeken van de driehoek in het diagram geven "zuiver" rood, groen en blauw volgens RGB weer. Alle mengsels van deze kleuren vallen binnen deze driehoek, kleuren buiten de driehoek kunnen niet worden weergegeven. Als benadering wordt een kleur op de rand van de driehoek gekozen die ten minste dezelfde tint heeft. Deze benadering heeft altijd een lagere verzadiging dan het origineel. Het resultaat is dus enigszins flets.

De zichtbaarheid van kleuren en kleurverschillen op een computerscherm hangt af van de mogelijkheden van de videokaart en het beeldscherm. De gesorteerde kleurentabel hieronder geeft meer inzicht in de kleur-RGB-relatie.

Gesorteerde kleurtabel

00­00­00	00­00­33	00­00­66	00­00­99	00­00­CC	00­00­FF
33­00­00	33­00­33	33­00­66	33­00­99	33­00­CC	33­00­FF
66­00­00	66­00­33	66­00­66	66­00­99	66­00­CC	66­00­FF
99­00­00	99­00­33	99­00­66	99­00­99	99­00­CC	99­00­FF
CC­00­00	CC­00­33	CC­00­66	CC­00­99	CC­00­CC	CC­00­FF
FF­00­00	FF­00­33	FF­00­66	FF­00­99	FF­00­CC	FF­00­FF
00­33­00	00­33­33	00­33­66	00­33­99	00­33­CC	00­33­FF
33­33­00	33­33­33	33­33­66	33­33­99	33­33­CC	33­33­FF
66­33­00	66­33­33	66­33­66	66­33­99	66­33­CC	66­33­FF
99­33­00	99­33­33	99­33­66	99­33­99	99­33­CC	99­33­FF
CC­33­00	CC­33­33	CC­33­66	CC­33­99	CC­33­CC	CC­33­FF
FF­33­00	FF­33­33	FF­33­66	FF­33­99	FF­33­CC	FF­33­FF
00­66­00	00­66­33	00­66­66	00­66­99	00­66­CC	00­66­FF
33­66­00	33­66­33	33­66­66	33­66­99	33­66­CC	33­66­FF
66­66­00	66­66­33	66­66­66	66­66­99	66­66­CC	66­66­FF
99­66­00	99­66­33	99­66­66	99­66­99	99­66­CC	99­66­FF
CC­66­00	CC­66­33	CC­66­66	CC­66­99	CC­66­CC	CC­66­FF
FF­66­00	FF­66­33	FF­66­66	FF­66­99	FF­66­CC	FF­66­FF
00­99­00	00­99­33	00­99­66	00­99­99	00­99­CC	00­99­FF
33­99­00	33­99­33	33­99­66	33­99­99	33­99­CC	33­99­FF
66­99­00	66­99­33	66­99­66	66­99­99	66­99­CC	66­99­FF
99­99­00	99­99­33	99­99­66	99­99­99	99­99­CC	99­99­FF
CC­99­00	CC­99­33	CC­99­66	CC­99­99	CC­99­CC	CC­99­FF
FF­99­00	FF­99­33	FF­99­66	FF­99­99	FF­99­CC	FF­99­FF
00­CC­00	00­CC­33	00­CC­66	00­CC­99	00­CC­CC	00­CC­FF
33­CC­00	33­CC­33	33­CC­66	33­CC­99	33­CC­CC	33­CC­FF
66­CC­00	66­CC­33	66­CC­66	66­CC­99	66­CC­CC	66­CC­FF
99­CC­00	99­CC­33	99­CC­66	99­CC­99	99­CC­CC	99­CC­FF
CC­CC­00	CC­CC­33	CC­CC­66	CC­CC­99	CC­CC­CC	CC­CC­FF
FF­CC­00	FF­CC­33	FF­CC­66	FF­CC­99	FF­CC­CC	FF­CC­FF
00­FF­00	00­FF­33	00­FF­66	00­FF­99	00­FF­CC	00­FF­FF
33­FF­00	33­FF­33	33­FF­66	33­FF­99	33­FF­CC	33­FF­FF
66­FF­00	66­FF­33	66­FF­66	66­FF­99	66­FF­CC	66­FF­FF
99­FF­00	99­FF­33	99­FF­66	99­FF­99	99­FF­CC	99­FF­FF
CC­FF­00	CC­FF­33	CC­FF­66	CC­FF­99	CC­FF­CC	CC­FF­FF
FF­FF­00	FF­FF­33	FF­FF­66	FF­FF­99	FF­FF­CC	FF­FF­FF

Van zwart naar kleur

00 00 00	11 00 00	22 00 00	33 00 00	44 00 00	55 00 00	66 00 00	77 00 00	88 00 00	99 00 00	AA 00 00	BB 00 00	CC 00 00	DD 00 00	EE 00 00	FF 00 00
00 00 00	11 11 00	22 22 00	33 33 00	44 44 00	55 55 00	66 66 00	77 77 00	88 88 00	99 99 00	AA AA 00	BB BB 00	CC CC 00	DD DD 00	EE EE 00	FF FF 00
00 00 00	00 11 00	00 22 00	00 33 00	00 44 00	00 55 00	00 66 00	00 77 00	00 88 00	00 99 00	00 AA 00	00 BB 00	00 CC 00	00 DD 00	00 EE 00	00 FF 00
00 00 00	00 11 11	00 22 22	00 33 33	00 44 44	00 55 55	00 66 66	00 77 77	00 88 88	00 99 99	00 AA AA	00 BB BB	00 CC CC	00 DD DD	00 EE EE	00 FF FF
00 00 00	00 00 11	00 00 22	00 00 33	00 00 44	00 00 55	00 00 66	00 00 77	00 00 88	00 00 99	00 00 AA	00 00 BB	00 00 CC	00 00 DD	00 00 EE	00 00 FF
00 00 00	11 00 11	22 00 22	33 00 33	44 00 44	55 00 55	66 00 66	77 00 77	88 00 88	99 00 99	AA 00 AA	BB 00 BB	CC 00 CC	DD 00 DD	EE 00 EE	FF 00 FF

Van wit naar kleur

FF FF FF

FF EE EE

FF DD DD

FF CC CC

FF BB BB

FF AA AA

FF 99 99

FF 88 88

FF 77 77

FF 66 66

FF 55 55

FF 44 44

FF 33 33

FF 22 22

FF 11 11

FF 00 00

FF FF FF

FF FF EE

FF FF DD

FF FF CC

FF FF BB

FF FF AA

FF FF 99

FF FF 88

FF FF 77

FF FF 66

FF FF 55

FF FF 44

FF FF 33

FF FF 22

FF FF 11

FF FF 00

FF FF FF

EE FF EE

DD FF DD

CC FF CC

BB FF BB

AA FF AA

99 FF 99

88 FF 88

77 FF 77

66 FF 66

55 FF 55

44 FF 44

33 FF 33

22 FF 22

11 FF 11

00 FF 00

FF FF FF

EE FF FF

DD FF FF

CC FF FF

BB FF FF

AA FF FF

99 FF FF

88 FF FF

77 FF FF

66 FF FF

55 FF FF

44 FF FF

33 FF FF

22 FF FF

11 FF FF

00 FF FF

FF FF FF

EE EE FF

DD DD FF

CC CC FF

BB BB FF

AA AA FF

99 99 FF

88 88 FF

77 77 FF

66 66 FF

55 55 FF

44 44 FF

33 33 FF

22 22 FF

11 11 FF

00 00 FF

FF FF FF

FF EE FF

FF DD FF

FF CC FF

FF BB FF

FF AA FF

FF 99 FF

FF 88 FF

FF 77 FF

FF 66 FF

FF 55 FF

FF 44 FF

FF 33 FF

FF 22 FF

FF 11 FF

FF 00 FF

Van wit naar zwart

FF FF FF

EE EE EE

DD DD DD

CC CC CC

BB BB BB

AA AA AA

99 99 99

88 88 88

77 77 77

66 66 66

55 55 55

44 44 44

33 33 33

22 22 22

11 11 11

00 00 00

Beperkingen aan RGB-waarde

Niet alle 16.777.216 verschillende combinaties van RGB-waarde zullen resulteren in 16.777.216 verschillende kleurweergaven op een computerscherm. Het zal duidelijk zijn dat dit afhangt van de middelen waarmee de kleur getoond wordt. De 216 combinaties van de RGB-waarde die bestaan uit de getallen 00, 33, 66, 99, CC, FF geven op veel schermen een correcte kleurweergave, de tussenliggende (16.777.000) RGB-waarden zullen niet altijd nauwkeurig zijn.

Zie ook

• Lijst van HTML-kleuren - Alle HTML-kleuren bij naam en RGB-code.
• Kleurenkiezer

· ·

Kleur

primaire kleur · secundaire kleur · tertiaire kleur · complementaire kleur · kleurencirkel · partitieve kleurmenging · kleurcontrast · kleurtemperatuur
kleurcodering · kleurruimte · CIELAB · CMYK · HSL/HLS · HSV/HSB · HTML-kleuren · NCS · Pantone PMS · RAL · RGB · YIQ · YUV · YPbPr

Primaire kleuren bij additieve kleurmenging:	rood · groen · blauw
Primaire kleuren bij subtractieve kleurmenging:	cyaan · magenta · geel · zwart
Systemen voor kleurentelevisie:	NTSC · PAL · SECAM

Kleurvlakken

Mediabestanden

Zie de categorie RGB van Wikimedia Commons voor mediabestanden over dit onderwerp.