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)
bewerkenDe 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 166 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 163=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
bewerkenOp 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
bewerken000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Van zwart naar kleur
bewerken00 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
bewerkenFF 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
bewerkenFF 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
bewerkenNiet 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
bewerken- Lijst van HTML-kleuren - Alle HTML-kleuren bij naam en RGB-code.
- Kleurenkiezer