Wikipedia

RGB-kleursysteem: verschil tussen versies

Interactief door geschiedenis bladeren
← Oudere bewerkingNieuwere bewerking →
Verwijderde inhoud Toegevoegde inhoud
VisueelWikitekst
Label: Vervangen
k Wijzigingen door 82.74.199.217 (Overleg) hersteld tot de laatste versie door JanCK Fietser
Regel 1:
Het '''RGB-kleursysteem''' is een [[kleurcodering]], een manier om een [[kleur]] uit te drukken met behulp van een combinatie van de drie [[primaire kleur]]en [[Rood (kleur)|'''R'''ood]]-[[Groen (kleur)|'''G'''roen]]-[[blauw (kleur)|'''B'''lauw]], uitgaande van [[additieve kleurmenging]]. De hoeveelheid van elke primaire kleur die benodigd is om de mengkleur te verkrijgen, wordt uitgedrukt in een [[getal (wiskunde)|getal]] dat meestal uit 8 [[bit (eenheid)|bits]] bestaat en kan variëren tussen 0 en 255. Voor HTML-toepassingen (Internet) wordt hiervoor veelal het [[hexadecimaal|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 (bestandsformaat)|RAW]]-bestanden van [[digitale camera]]'s meestal 12 bits-kleurwaarden.
 
== Hexadecimale kleurcodering (RGB) ==
ergens onderaan rgb 765 kleuren connecties neef
[[Bestand:RGB_farbwuerfel.jpg|thumb|350px|Relatie RGB-waarde met de daarbij passende kleurweergave]]
De kleuren worden opgebouwd uit drie primaire additieve kleuren [[rood (kleur)|rood]], [[Groen (kleur)|groen]] en [[blauw (kleur)|blauw]], vandaar de afkorting RGB. De hoeveelheid van een kleur ligt in tussen 00 (niets van die kleur) en het hexadecimale FF (alles van die kleur). De ondergrond is zwart.
 
In het RGB-kleursysteem wordt de kleur uitgedrukt in totaal zes [[cijfer]]s. Hiermee kunnen 16<sup>6</sup> kleuren, oftewel 16.777.216 kleuren, gecodeerd worden.
De eerste twee cijfers geven de hoeveelheid van de kleur rood aan. FF0000 is zuiver [[rood (kleur)|rood]]: <span style="font-size:80%;">{{Kleurvierkant|#FF0000}}</span>. De tweede twee cijfers geven de hoeveelheid van de kleur [[Groen (kleur)|groen]] aan. 00FF00 is zuiver groen: <span style="font-size:80%;">{{Kleurvierkant|#00FF00}}</span>. 0000FF is ten slotte zuiver [[blauw (kleur)|blauw]]: <span style="font-size:80%;">{{Kleurvierkant|#0000FF}}</span>. Zuiver [[zwart (kleur)|zwart]] en [[wit]] worden aangegeven met 000000 respectievelijk FFFFFF. De combinaties 111111, 222222, 333333 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 en zo voorts. Met deze verkorte notatie kunnen 16<sup>3</sup>=4096 kleuren worden weergegeven.
 
Anders dan bij verf is [[geel (kleur)|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 ===
{| width = "100%"
| valign="top" |
Op de afbeelding rechts is het [[Commission Internationale de l'Éclairage|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 (kleur)|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.
|[[Bestand:CIExy1931_sRGB.png|thumb|Bereik van het menselijk oog en RGB]]
|}
 
=== Gesorteerde kleurtabel ===
<center>
 
{| width="100%" border="0" cellpadding="4" cellspacing="0"
|-----
| width="16%" bgcolor="#000000" | <font color="#999999">00­00­00</font>
| width="16%" bgcolor="#000033" | <font color="#999999">00­00­33</font>
| width="16%" bgcolor="#000066" | <font color="#999999">00­00­66</font>
| width="16%" bgcolor="#000099" | <font color="#999999">00­00­99</font>
| width="16%" bgcolor="#0000CC" | <font color="#999999">00­00­CC</font>
| width="16%" bgcolor="#0000FF" | <font color="#999999">00­00­FF</font>
|-----
| bgcolor="#330000" | <font color="#999999">33­00­00</font>
| bgcolor="#330033" | <font color="#999999">33­00­33</font>
| bgcolor="#330066" | <font color="#999999">33­00­66</font>
| bgcolor="#330099" | <font color="#999999">33­00­99</font>
| bgcolor="#3300CC" | <font color="#999999">33­00­CC</font>
| bgcolor="#3300FF" | <font color="#999999">33­00­FF</font>
|-----
| bgcolor="#660000" | <font color="#999999">66­00­00</font>
| bgcolor="#660033" | <font color="#999999">66­00­33</font>
| bgcolor="#660066" | <font color="#999999">66­00­66</font>
| bgcolor="#660099" | <font color="#999999">66­00­99</font>
| bgcolor="#6600CC" | <font color="#999999">66­00­CC</font>
| bgcolor="#6600FF" | 66­00­FF
|-----
| bgcolor="#990000" | <font color="#999999">99­00­00</font>
| bgcolor="#990033" | <font color="#999999">99­00­33</font>
| bgcolor="#990066" | <font color="#999999">99­00­66</font>
| bgcolor="#990099" | <font color="#999999">99­00­99</font>
| bgcolor="#9900CC" | <font color="#999999">99­00­CC</font>
| bgcolor="#9900FF" | 99­00­FF
|-----
| bgcolor="#CC0000" | CC­00­00 || bgcolor="#CC0033" | CC­00­33
| bgcolor="#CC0066" | CC­00­66
| bgcolor="#CC0099" | CC­00­99 || bgcolor="#CC00CC" | CC­00­CC
| bgcolor="#CC00FF" | CC­00­FF
|-----
| bgcolor="#FF0000" | FF­00­00 || bgcolor="#FF0033" | FF­00­33
| bgcolor="#FF0066" | FF­00­66
| bgcolor="#FF0099" | FF­00­99 || bgcolor="#FF00CC" | FF­00­CC
| bgcolor="#FF00FF" | FF­00­FF
|-----
| bgcolor="#003300" | <font color="#999999">00­33­00</font>
| bgcolor="#003333" | <font color="#999999">00­33­33</font>
| bgcolor="#003366" | <font color="#999999">00­33­66</font>
| bgcolor="#003399" | <font color="#999999">00­33­99</font>
| bgcolor="#0033CC" | <font color="#999999">00­33­CC</font>
| bgcolor="#0033FF" | <font color="#999999">00­33­FF</font>
|-----
| bgcolor="#333300" | <font color="#999999">33­33­00</font>
| bgcolor="#333333" | <font color="#999999">33­33­33</font>
| bgcolor="#333366" | <font color="#999999">33­33­66</font>
| bgcolor="#333399" | <font color="#999999">33­33­99</font>
| bgcolor="#3333CC" | <font color="#999999">33­33­CC</font>
| bgcolor="#3333FF" | 33­33­FF
|-----
| bgcolor="#663300" | <font color="#999999">66­33­00</font>
| bgcolor="#663333" | <font color="#999999">66­33­33</font>
| bgcolor="#663366" | <font color="#999999">66­33­66</font>
| bgcolor="#663399" | <font color="#999999">66­33­99</font>
| bgcolor="#6633CC" | <font color="#999999">66­33­CC</font>
| bgcolor="#6633FF" | 66­33­FF
|-----
| bgcolor="#993300" | <font color="#999999">99­33­00</font>
| bgcolor="#993333" | <font color="#999999">99­33­33</font>
| bgcolor="#993366" | <font color="#999999">99­33­66</font>
| bgcolor="#993399" | <font color="#999999">99­33­99</font>
| bgcolor="#9933CC" | <font color="#999999">99­33­CC</font>
| bgcolor="#9933FF" | 99­33­FF
|-----
| bgcolor="#CC3300" | CC­33­00 || bgcolor="#CC3333" | CC­33­33
| bgcolor="#CC3366" | CC­33­66
| bgcolor="#CC3399" | CC­33­99 || bgcolor="#CC33CC" | CC­33­CC
| bgcolor="#CC33FF" | CC­33­FF
|-----
| bgcolor="#FF3300" | FF­33­00 || bgcolor="#FF3333" | FF­33­33
| bgcolor="#FF3366" | FF­33­66
| bgcolor="#FF3399" | FF­33­99 || bgcolor="#FF33CC" | FF­33­CC
| bgcolor="#FF33FF" | FF­33­FF
|-----
| bgcolor="#006600" | <font color="#999999">00­66­00</font>
| bgcolor="#006633" | <font color="#999999">00­66­33</font>
| bgcolor="#006666" | <font color="#999999">00­66­66</font>
| bgcolor="#006699" | <font color="#999999">00­66­99</font>
| bgcolor="#0066CC" | 00­66­CC
| bgcolor="#0066FF" | 00­66­FF
|-----
| bgcolor="#336600" | <font color="#999999">33­66­00</font>
| bgcolor="#336633" | <font color="#999999">33­66­33</font>
| bgcolor="#336666" | <font color="#999999">33­66­66</font>
| bgcolor="#336699" | <font color="#999999">33­66­99</font>
| bgcolor="#3366CC" | 33­66­CC
| bgcolor="#3366FF" | 33­66­FF
|-----
| bgcolor="#666600" | <font color="#999999">66­66­00</font>
| bgcolor="#666633" | <font color="#999999">66­66­33</font>
| bgcolor="#666666" | <font color="#999999">66­66­66</font>
| bgcolor="#666699" | <font color="#999999">66­66­99</font>
| bgcolor="#6666CC" | 66­66­CC
| bgcolor="#6666FF" | 66­66­FF
|-----
| bgcolor="#996600" | 99­66­00 || bgcolor="#996633" | 99­66­33
| bgcolor="#996666" | 99­66­66
| bgcolor="#996699" | 99­66­99 || bgcolor="#9966CC" | 99­66­CC
| bgcolor="#9966FF" | 99­66­FF
|-----
| bgcolor="#CC6600" | CC­66­00 || bgcolor="#CC6633" | CC­66­33
| bgcolor="#CC6666" | CC­66­66
| bgcolor="#CC6699" | CC­66­99 || bgcolor="#CC66CC" | CC­66­CC
| bgcolor="#CC66FF" | CC­66­FF
|-----
| bgcolor="#FF6600" | FF­66­00 || bgcolor="#FF6633" | FF­66­33
| bgcolor="#FF6666" | FF­66­66
| bgcolor="#FF6699" | FF­66­99 || bgcolor="#FF66CC" | FF­66­CC
| bgcolor="#FF66FF" | FF­66­FF
|-----
| bgcolor="#009900" | 00­99­00 || bgcolor="#009933" | 00­99­33
| bgcolor="#009966" | 00­99­66
| bgcolor="#009999" | 00­99­99 || bgcolor="#0099CC" | 00­99­CC
| bgcolor="#0099FF" | 00­99­FF
|-----
| bgcolor="#339900" | 33­99­00 || bgcolor="#339933" | 33­99­33
| bgcolor="#339966" | 33­99­66
| bgcolor="#339999" | 33­99­99 || bgcolor="#3399CC" | 33­99­CC
| bgcolor="#3399FF" | 33­99­FF
|-----
| bgcolor="#669900" | 66­99­00 || bgcolor="#669933" | 66­99­33
| bgcolor="#669966" | 66­99­66
| bgcolor="#669999" | 66­99­99 || bgcolor="#6699CC" | 66­99­CC
| bgcolor="#6699FF" | 66­99­FF
|-----
| bgcolor="#999900" | 99­99­00 || bgcolor="#999933" | 99­99­33
| bgcolor="#999966" | 99­99­66
| bgcolor="#999999" | 99­99­99 || bgcolor="#9999CC" | 99­99­CC
| bgcolor="#9999FF" | 99­99­FF
|-----
| bgcolor="#CC9900" | CC­99­00 || bgcolor="#CC9933" | CC­99­33
| bgcolor="#CC9966" | CC­99­66
| bgcolor="#CC9999" | CC­99­99 || bgcolor="#CC99CC" | CC­99­CC
| bgcolor="#CC99FF" | CC­99­FF
|-----
| bgcolor="#FF9900" | FF­99­00 || bgcolor="#FF9933" | FF­99­33
| bgcolor="#FF9966" | FF­99­66
| bgcolor="#FF9999" | FF­99­99 || bgcolor="#FF99CC" | FF­99­CC
| bgcolor="#FF99FF" | FF­99­FF
|-----
| bgcolor="#00CC00" | 00­CC­00 || bgcolor="#00CC33" | 00­CC­33
| bgcolor="#00CC66" | 00­CC­66
| bgcolor="#00CC99" | 00­CC­99 || bgcolor="#00CCCC" | 00­CC­CC
| bgcolor="#00CCFF" | 00­CC­FF
|-----
| bgcolor="#33CC00" | 33­CC­00 || bgcolor="#33CC33" | 33­CC­33
| bgcolor="#33CC66" | 33­CC­66
| bgcolor="#33CC99" | 33­CC­99 || bgcolor="#33CCCC" | 33­CC­CC
| bgcolor="#33CCFF" | 33­CC­FF
|-----
| bgcolor="#66CC00" | 66­CC­00 || bgcolor="#66CC33" | 66­CC­33
| bgcolor="#66CC66" | 66­CC­66
| bgcolor="#66CC99" | 66­CC­99 || bgcolor="#66CCCC" | 66­CC­CC
| bgcolor="#66CCFF" | 66­CC­FF
|-----
| bgcolor="#99CC00" | 99­CC­00 || bgcolor="#99CC33" | 99­CC­33
| bgcolor="#99CC66" | 99­CC­66
| bgcolor="#99CC99" | 99­CC­99 || bgcolor="#99CCCC" | 99­CC­CC
| bgcolor="#99CCFF" | 99­CC­FF
|-----
| bgcolor="#CCCC00" | CC­CC­00 || bgcolor="#CCCC33" | CC­CC­33
| bgcolor="#CCCC66" | CC­CC­66
| bgcolor="#CCCC99" | CC­CC­99 || bgcolor="#CCCCCC" | CC­CC­CC
| bgcolor="#CCCCFF" | CC­CC­FF
|-----
| bgcolor="#FFCC00" | FF­CC­00 || bgcolor="#FFCC33" | FF­CC­33
| bgcolor="#FFCC66" | FF­CC­66
| bgcolor="#FFCC99" | FF­CC­99 || bgcolor="#FFCCCC" | FF­CC­CC
| bgcolor="#FFCCFF" | FF­CC­FF
|-----
| bgcolor="#00FF00" | <font color="#999999">00­FF­00</font>
| bgcolor="#00FF33" | <font color="#999999">00­FF­33</font>
| bgcolor="#00FF66" | <font color="#999999">00­FF­66</font>
| bgcolor="#00FF99" | <font color="#999999">00­FF­99</font>
| bgcolor="#00FFCC" | <font color="#999999">00­FF­CC</font>
| bgcolor="#00FFFF" | <font color="#999999">00­FF­FF</font>
|-----
| bgcolor="#33FF00" | <font color="#999999">33­FF­00</font>
| bgcolor="#33FF33" | <font color="#999999">33­FF­33</font>
| bgcolor="#33FF66" | <font color="#999999">33­FF­66</font>
| bgcolor="#33FF99" | <font color="#999999">33­FF­99</font>
| bgcolor="#33FFCC" | <font color="#999999">33­FF­CC</font>
| bgcolor="#33FFFF" | <font color="#999999">33­FF­FF</font>
|-----
| bgcolor="#66FF00" | <font color="#999999">66­FF­00</font>
| bgcolor="#66FF33" | <font color="#999999">66­FF­33</font>
| bgcolor="#66FF66" | <font color="#999999">66­FF­66</font>
| bgcolor="#66FF99" | <font color="#999999">66­FF­99</font>
| bgcolor="#66FFCC" | <font color="#999999">66­FF­CC</font>
| bgcolor="#66FFFF" | <font color="#999999">66­FF­FF</font>
|-----
| bgcolor="#99FF00" | <font color="#999999">99­FF­00</font>
| bgcolor="#99FF33" | <font color="#999999">99­FF­33</font>
| bgcolor="#99FF66" | <font color="#999999">99­FF­66</font>
| bgcolor="#99FF99" | <font color="#999999">99­FF­99</font>
| bgcolor="#99FFCC" | <font color="#999999">99­FF­CC</font>
| bgcolor="#99FFFF" | <font color="#999999">99­FF­FF</font>
|-----
| bgcolor="#CCFF00" | <font color="#999999">CC­FF­00</font>
| bgcolor="#CCFF33" | <font color="#999999">CC­FF­33</font>
| bgcolor="#CCFF66" | <font color="#999999">CC­FF­66</font>
| bgcolor="#CCFF99" | <font color="#999999">CC­FF­99</font>
| bgcolor="#CCFFCC" | <font color="#999999">CC­FF­CC</font>
| bgcolor="#CCFFFF" | <font color="#999999">CC­FF­FF</font>
|-----
| bgcolor="#FFFF00" | <font color="#999999">FF­FF­00</font>
| bgcolor="#FFFF33" | <font color="#999999">FF­FF­33</font>
| bgcolor="#FFFF66" | <font color="#999999">FF­FF­66</font>
| bgcolor="#FFFF99" | <font color="#999999">FF­FF­99</font>
| bgcolor="#FFFFCC" | <font color="#999999">FF­FF­CC</font>
| bgcolor="#FFFFFF" | <font color="#999999">FF­FF­FF</font>
|}</center>
 
=== Van zwart naar kleur ===
<center>
 
{| width="100%" cellpadding="2" cellspacing="0"
|-----
| width="6%" bgcolor="#000000" | <font color="#C0C0C0">00<br />00<br />00<br /> </font>
| width="6%" bgcolor="#110000" | <font color="#C0C0C0">11<br />00<br />00<br /> </font>
| width="6%" bgcolor="#220000" | <font color="#C0C0C0">22<br />00<br />00<br /> </font>
| width="6%" bgcolor="#330000" | <font color="#C0C0C0">33<br />00<br />00<br /> </font>
| width="6%" bgcolor="#440000" | <font color="#C0C0C0">44<br />00<br />00<br /> </font>
| width="6%" bgcolor="#550000" | <font color="#C0C0C0">55<br />00<br />00<br /> </font>
| width="6%" bgcolor="#660000" | <font color="#C0C0C0">66<br />00<br />00<br /> </font>
| width="6%" bgcolor="#770000" | <font color="#C0C0C0">77<br />00<br />00<br /> </font>
| width="6%" bgcolor="#880000" | <font color="#C0C0C0">88<br />00<br />00<br /> </font>
| width="6%" bgcolor="#990000" | <font color="#C0C0C0">99<br />00<br />00<br /> </font>
| width="6%" bgcolor="#AA0000" | <font color="#C0C0C0">AA<br />00<br />00<br /> </font>
| width="6%" bgcolor="#BB0000" | <font color="#C0C0C0">BB<br />00<br />00<br /> </font>
| width="6%" bgcolor="#CC0000" | <font color="#000000">CC<br />00<br />00<br /> </font>
| width="6%" bgcolor="#DD0000" | <font color="#000000">DD<br />00<br />00<br /> </font>
| width="6%" bgcolor="#EE0000" | <font color="#000000">EE<br />00<br />00<br /> </font>
| width="6%" bgcolor="#FF0000" | <font color="#000000">FF<br />00<br />00<br /> </font>
|-----
| bgcolor="#000000" | <font color="#C0C0C0">00<br />00<br />00<br /> </font>
| bgcolor="#111100" | <font color="#C0C0C0">11<br />11<br />00<br /> </font>
| bgcolor="#222200" | <font color="#C0C0C0">22<br />22<br />00<br /> </font>
| bgcolor="#333300" | <font color="#C0C0C0">33<br />33<br />00<br /> </font>
| bgcolor="#444400" | <font color="#C0C0C0">44<br />44<br />00<br /> </font>
| bgcolor="#555500" | <font color="#C0C0C0">55<br />55<br />00<br /> </font>
| bgcolor="#666600" | <font color="#C0C0C0">66<br />66<br />00<br /> </font>
| bgcolor="#777700" | <font color="#C0C0C0">77<br />77<br />00<br /> </font>
| bgcolor="#888800" | <font color="#C0C0C0">88<br />88<br />00<br /> </font>
| bgcolor="#999900" | <font color="#C0C0C0">99<br />99<br />00<br /> </font>
| bgcolor="#AAAA00" | <font color="#C0C0C0">AA<br />AA<br />00<br /> </font>
| bgcolor="#BBBB00" | <font color="#C0C0C0">BB<br />BB<br />00<br /> </font>
| bgcolor="#CCCC00" | <font color="#000000">CC<br />CC<br />00<br /> </font>
| bgcolor="#DDDD00" | <font color="#000000">DD<br />DD<br />00<br /> </font>
| bgcolor="#EEEE00" | <font color="#000000">EE<br />EE<br />00<br /> </font>
| bgcolor="#FFFF00" | <font color="#000000">FF<br />FF<br />00<br /> </font>
|-----
| bgcolor="#000000" | <font color="#C0C0C0">00<br />00<br />00<br /> </font>
| bgcolor="#001100" | <font color="#C0C0C0">00<br />11<br />00<br /> </font>
| bgcolor="#002200" | <font color="#C0C0C0">00<br />22<br />00<br /> </font>
| bgcolor="#003300" | <font color="#C0C0C0">00<br />33<br />00<br /> </font>
| bgcolor="#004400" | <font color="#C0C0C0">00<br />44<br />00<br /> </font>
| bgcolor="#005500" | <font color="#C0C0C0">00<br />55<br />00<br /> </font>
| bgcolor="#006600" | <font color="#C0C0C0">00<br />66<br />00<br /> </font>
| bgcolor="#007700" | <font color="#C0C0C0">00<br />77<br />00<br /> </font>
| bgcolor="#008800" | <font color="#C0C0C0">00<br />88<br />00<br /> </font>
| bgcolor="#009900" | <font color="#C0C0C0">00<br />99<br />00<br /> </font>
| bgcolor="#00AA00" | <font color="#C0C0C0">00<br />AA<br />00<br /> </font>
| bgcolor="#00BB00" | <font color="#C0C0C0">00<br />BB<br />00<br /> </font>
| bgcolor="#00CC00" | <font color="#000000">00<br />CC<br />00<br /> </font>
| bgcolor="#00DD00" | <font color="#000000">00<br />DD<br />00<br /> </font>
| bgcolor="#00EE00" | <font color="#000000">00<br />EE<br />00<br /> </font>
| bgcolor="#00FF00" | <font color="#000000">00<br />FF<br />00<br /> </font>
|-----
| bgcolor="#000000" | <font color="#C0C0C0">00<br />00<br />00<br /> </font>
| bgcolor="#001111" | <font color="#C0C0C0">00<br />11<br />11<br /> </font>
| bgcolor="#002222" | <font color="#C0C0C0">00<br />22<br />22<br /> </font>
| bgcolor="#003333" | <font color="#C0C0C0">00<br />33<br />33<br /> </font>
| bgcolor="#004444" | <font color="#C0C0C0">00<br />44<br />44<br /> </font>
| bgcolor="#005555" | <font color="#C0C0C0">00<br />55<br />55<br /> </font>
| bgcolor="#006666" | <font color="#C0C0C0">00<br />66<br />66<br /> </font>
| bgcolor="#007777" | <font color="#C0C0C0">00<br />77<br />77<br /> </font>
| bgcolor="#008888" | <font color="#C0C0C0">00<br />88<br />88<br /> </font>
| bgcolor="#009999" | <font color="#C0C0C0">00<br />99<br />99<br /> </font>
| bgcolor="#00AAAA" | <font color="#C0C0C0">00<br />AA<br />AA<br /> </font>
| bgcolor="#00BBBB" | <font color="#C0C0C0">00<br />BB<br />BB<br /> </font>
| bgcolor="#00CCCC" | <font color="#000000">00<br />CC<br />CC<br /> </font>
| bgcolor="#00DDDD" | <font color="#000000">00<br />DD<br />DD<br /> </font>
| bgcolor="#00EEEE" | <font color="#000000">00<br />EE<br />EE<br /> </font>
| bgcolor="#00FFFF" | <font color="#000000">00<br />FF<br />FF<br /> </font>
|-----
| bgcolor="#000000" | <font color="#C0C0C0">00<br />00<br />00<br /> </font>
| bgcolor="#000011" | <font color="#C0C0C0">00<br />00<br />11<br /> </font>
| bgcolor="#000022" | <font color="#C0C0C0">00<br />00<br />22<br /> </font>
| bgcolor="#000033" | <font color="#C0C0C0">00<br />00<br />33<br /> </font>
| bgcolor="#000044" | <font color="#C0C0C0">00<br />00<br />44<br /> </font>
| bgcolor="#000055" | <font color="#C0C0C0">00<br />00<br />55<br /> </font>
| bgcolor="#000066" | <font color="#C0C0C0">00<br />00<br />66<br /> </font>
| bgcolor="#000077" | <font color="#C0C0C0">00<br />00<br />77<br /> </font>
| bgcolor="#000088" | <font color="#C0C0C0">00<br />00<br />88<br /> </font>
| bgcolor="#000099" | <font color="#C0C0C0">00<br />00<br />99<br /> </font>
| bgcolor="#0000AA" | <font color="#C0C0C0">00<br />00<br />AA<br /> </font>
| bgcolor="#0000BB" | <font color="#C0C0C0">00<br />00<br />BB<br /> </font>
| bgcolor="#0000CC" | <font color="#000000">00<br />00<br />CC<br /> </font>
| bgcolor="#0000DD" | <font color="#000000">00<br />00<br />DD<br /> </font>
| bgcolor="#0000EE" | <font color="#000000">00<br />00<br />EE<br /> </font>
| bgcolor="#0000FF" | <font color="#000000">00<br />00<br />FF<br /> </font>
|-----
| bgcolor="#000000" | <font color="#C0C0C0">00<br />00<br />00<br /> </font>
| bgcolor="#110011" | <font color="#C0C0C0">11<br />00<br />11<br /> </font>
| bgcolor="#220022" | <font color="#C0C0C0">22<br />00<br />22<br /> </font>
| bgcolor="#330033" | <font color="#C0C0C0">33<br />00<br />33<br /> </font>
| bgcolor="#440044" | <font color="#C0C0C0">44<br />00<br />44<br /> </font>
| bgcolor="#550055" | <font color="#C0C0C0">55<br />00<br />55<br /> </font>
| bgcolor="#660066" | <font color="#C0C0C0">66<br />00<br />66<br /> </font>
| bgcolor="#770077" | <font color="#C0C0C0">77<br />00<br />77<br /> </font>
| bgcolor="#880088" | <font color="#C0C0C0">88<br />00<br />88<br /> </font>
| bgcolor="#990099" | <font color="#C0C0C0">99<br />00<br />99<br /> </font>
| bgcolor="#AA00AA" | <font color="#C0C0C0">AA<br />00<br />AA<br /> </font>
| bgcolor="#BB00BB" | <font color="#C0C0C0">BB<br />00<br />BB<br /> </font>
| bgcolor="#CC00CC" | <font color="#000000">CC<br />00<br />CC<br /> </font>
| bgcolor="#DD00DD" | <font color="#000000">DD<br />00<br />DD<br /> </font>
| bgcolor="#EE00EE" | <font color="#000000">EE<br />00<br />EE<br /> </font>
| bgcolor="#FF00FF" | <font color="#000000">FF<br />00<br />FF<br /> </font>
|}</center>
 
=== Van wit naar kleur ===
<center>
 
{| width="100%" cellpadding="2" cellspacing="0"
|-----
| width="6%" bgcolor="#FFFFFF" | <font color="#000000">FF<br />FF<br />FF<br /> </font>
| width="6%" bgcolor="#FFEEEE" | <font color="#000000">FF<br />EE<br />EE<br /> </font>
| width="6%" bgcolor="#FFDDDD" | <font color="#000000">FF<br />DD<br />DD<br /> </font>
| width="6%" bgcolor="#FFCCCC" | <font color="#000000">FF<br />CC<br />CC<br /> </font>
| width="6%" bgcolor="#FFBBBB" | <font color="#000000">FF<br />BB<br />BB<br /> </font>
| width="6%" bgcolor="#FFAAAA" | <font color="#000000">FF<br />AA<br />AA<br /> </font>
| width="6%" bgcolor="#FF9999" | <font color="#000000">FF<br />99<br />99<br /> </font>
| width="6%" bgcolor="#FF8888" | <font color="#000000">FF<br />88<br />88<br /> </font>
| width="6%" bgcolor="#FF7777" | <font color="#000000">FF<br />77<br />77<br /> </font>
| width="6%" bgcolor="#FF6666" | <font color="#000000">FF<br />66<br />66<br /> </font>
| width="6%" bgcolor="#FF5555" | <font color="#000000">FF<br />55<br />55<br /> </font>
| width="6%" bgcolor="#FF4444" | <font color="#000000">FF<br />44<br />44<br /> </font>
| width="6%" bgcolor="#FF3333" | <font color="#000000">FF<br />33<br />33<br /> </font>
| width="6%" bgcolor="#FF2222" | <font color="#000000">FF<br />22<br />22<br /> </font>
| width="6%" bgcolor="#FF1111" | <font color="#000000">FF<br />11<br />11<br /> </font>
| width="6%" bgcolor="#FF0000" | <font color="#000000">FF<br />00<br />00<br /> </font>
|-----
| bgcolor="#FFFFFF" | <font color="#000000">FF<br />FF<br />FF<br /> </font>
| bgcolor="#FFFFEE" | <font color="#000000">FF<br />FF<br />EE<br /> </font>
| bgcolor="#FFFFDD" | <font color="#000000">FF<br />FF<br />DD<br /> </font>
| bgcolor="#FFFFCC" | <font color="#000000">FF<br />FF<br />CC<br /> </font>
| bgcolor="#FFFFBB" | <font color="#000000">FF<br />FF<br />BB<br /> </font>
| bgcolor="#FFFFAA" | <font color="#000000">FF<br />FF<br />AA<br /> </font>
| bgcolor="#FFFF99" | <font color="#000000">FF<br />FF<br />99<br /> </font>
| bgcolor="#FFFF88" | <font color="#000000">FF<br />FF<br />88<br /> </font>
| bgcolor="#FFFF77" | <font color="#000000">FF<br />FF<br />77<br /> </font>
| bgcolor="#FFFF66" | <font color="#000000">FF<br />FF<br />66<br /> </font>
| bgcolor="#FFFF55" | <font color="#000000">FF<br />FF<br />55<br /> </font>
| bgcolor="#FFFF44" | <font color="#000000">FF<br />FF<br />44<br /> </font>
| bgcolor="#FFFF33" | <font color="#000000">FF<br />FF<br />33<br /> </font>
| bgcolor="#FFFF22" | <font color="#000000">FF<br />FF<br />22<br /> </font>
| bgcolor="#FFFF11" | <font color="#000000">FF<br />FF<br />11<br /> </font>
| bgcolor="#FFFF00" | <font color="#000000">FF<br />FF<br />00<br /> </font>
|-----
| bgcolor="#FFFFFF" | <font color="#000000">FF<br />FF<br />FF<br /> </font>
| bgcolor="#EEFFEE" | <font color="#000000">EE<br />FF<br />EE<br /> </font>
| bgcolor="#DDFFDD" | <font color="#000000">DD<br />FF<br />DD<br /> </font>
| bgcolor="#CCFFCC" | <font color="#000000">CC<br />FF<br />CC<br /> </font>
| bgcolor="#BBFFBB" | <font color="#000000">BB<br />FF<br />BB<br /> </font>
| bgcolor="#AAFFAA" | <font color="#000000">AA<br />FF<br />AA<br /> </font>
| bgcolor="#99FF99" | <font color="#000000">99<br />FF<br />99<br /> </font>
| bgcolor="#88FF88" | <font color="#000000">88<br />FF<br />88<br /> </font>
| bgcolor="#77FF77" | <font color="#000000">77<br />FF<br />77<br /> </font>
| bgcolor="#66FF66" | <font color="#000000">66<br />FF<br />66<br /> </font>
| bgcolor="#55FF55" | <font color="#000000">55<br />FF<br />55<br /> </font>
| bgcolor="#44FF44" | <font color="#000000">44<br />FF<br />44<br /> </font>
| bgcolor="#33FF33" | <font color="#000000">33<br />FF<br />33<br /> </font>
| bgcolor="#22FF22" | <font color="#000000">22<br />FF<br />22<br /> </font>
| bgcolor="#11FF11" | <font color="#000000">11<br />FF<br />11<br /> </font>
| bgcolor="#00FF00" | <font color="#000000">00<br />FF<br />00<br /> </font>
|-----
| bgcolor="#FFFFFF" | <font color="#000000">FF<br />FF<br />FF<br /> </font>
| bgcolor="#EEFFFF" | <font color="#000000">EE<br />FF<br />FF<br /> </font>
| bgcolor="#DDFFFF" | <font color="#000000">DD<br />FF<br />FF<br /> </font>
| bgcolor="#CCFFFF" | <font color="#000000">CC<br />FF<br />FF<br /> </font>
| bgcolor="#BBFFFF" | <font color="#000000">BB<br />FF<br />FF<br /> </font>
| bgcolor="#AAFFFF" | <font color="#000000">AA<br />FF<br />FF<br /> </font>
| bgcolor="#99FFFF" | <font color="#000000">99<br />FF<br />FF<br /> </font>
| bgcolor="#88FFFF" | <font color="#000000">88<br />FF<br />FF<br /> </font>
| bgcolor="#77FFFF" | <font color="#000000">77<br />FF<br />FF<br /> </font>
| bgcolor="#66FFFF" | <font color="#000000">66<br />FF<br />FF<br /> </font>
| bgcolor="#55FFFF" | <font color="#000000">55<br />FF<br />FF<br /> </font>
| bgcolor="#44FFFF" | <font color="#000000">44<br />FF<br />FF<br /> </font>
| bgcolor="#33FFFF" | <font color="#000000">33<br />FF<br />FF<br /> </font>
| bgcolor="#22FFFF" | <font color="#000000">22<br />FF<br />FF<br /> </font>
| bgcolor="#11FFFF" | <font color="#000000">11<br />FF<br />FF<br /> </font>
| bgcolor="#00FFFF" | <font color="#000000">00<br />FF<br />FF<br /> </font>
|-----
| bgcolor="#FFFFFF" | <font color="#000000">FF<br />FF<br />FF<br /> </font>
| bgcolor="#EEEEFF" | <font color="#000000">EE<br />EE<br />FF<br /> </font>
| bgcolor="#DDDDFF" | <font color="#000000">DD<br />DD<br />FF<br /> </font>
| bgcolor="#CCCCFF" | <font color="#000000">CC<br />CC<br />FF<br /> </font>
| bgcolor="#BBBBFF" | <font color="#000000">BB<br />BB<br />FF<br /> </font>
| bgcolor="#AAAAFF" | <font color="#000000">AA<br />AA<br />FF<br /> </font>
| bgcolor="#9999FF" | <font color="#000000">99<br />99<br />FF<br /> </font>
| bgcolor="#8888FF" | <font color="#000000">88<br />88<br />FF<br /> </font>
| bgcolor="#7777FF" | <font color="#000000">77<br />77<br />FF<br /> </font>
| bgcolor="#6666FF" | <font color="#000000">66<br />66<br />FF<br /> </font>
| bgcolor="#5555FF" | <font color="#000000">55<br />55<br />FF<br /> </font>
| bgcolor="#4444FF" | <font color="#000000">44<br />44<br />FF<br /> </font>
| bgcolor="#3333FF" | <font color="#000000">33<br />33<br />FF<br /> </font>
| bgcolor="#2222FF" | <font color="#000000">22<br />22<br />FF<br /> </font>
| bgcolor="#1111FF" | <font color="#000000">11<br />11<br />FF<br /> </font>
| bgcolor="#0000FF" | <font color="#000000">00<br />00<br />FF<br /> </font>
|-----
| bgcolor="#FFFFFF" | <font color="#000000">FF<br />FF<br />FF<br /> </font>
| bgcolor="#FFEEFF" | <font color="#000000">FF<br />EE<br />FF<br /> </font>
| bgcolor="#FFDDFF" | <font color="#000000">FF<br />DD<br />FF<br /> </font>
| bgcolor="#FFCCFF" | <font color="#000000">FF<br />CC<br />FF<br /> </font>
| bgcolor="#FFBBFF" | <font color="#000000">FF<br />BB<br />FF<br /> </font>
| bgcolor="#FFAAFF" | <font color="#000000">FF<br />AA<br />FF<br /> </font>
| bgcolor="#FF99FF" | <font color="#000000">FF<br />99<br />FF<br /> </font>
| bgcolor="#FF88FF" | <font color="#000000">FF<br />88<br />FF<br /> </font>
| bgcolor="#FF77FF" | <font color="#000000">FF<br />77<br />FF<br /> </font>
| bgcolor="#FF66FF" | <font color="#000000">FF<br />66<br />FF<br /> </font>
| bgcolor="#FF55FF" | <font color="#000000">FF<br />55<br />FF<br /> </font>
| bgcolor="#FF44FF" | <font color="#000000">FF<br />44<br />FF<br /> </font>
| bgcolor="#FF33FF" | <font color="#000000">FF<br />33<br />FF<br /> </font>
| bgcolor="#FF22FF" | <font color="#000000">FF<br />22<br />FF<br /> </font>
| bgcolor="#FF11FF" | <font color="#000000">FF<br />11<br />FF<br /> </font>
| bgcolor="#FF00FF" | <font color="#000000">FF<br />00<br />FF<br /> </font>
|}</center>
 
=== Van wit naar zwart ===
<center>
 
{| width="100%" cellpadding="2" cellspacing="0"
|-----
| width="6%" bgcolor="#FFFFFF" | <font color="#000000">FF<br />FF<br />FF<br /> </font>
| width="6%" bgcolor="#EEEEEE" | <font color="#000000">EE<br />EE<br />EE<br /> </font>
| width="6%" bgcolor="#DDDDDD" | <font color="#000000">DD<br />DD<br />DD<br /> </font>
| width="6%" bgcolor="#CCCCCC" | <font color="#000000">CC<br />CC<br />CC<br /> </font>
| width="6%" bgcolor="#BBBBBB" | <font color="#000000">BB<br />BB<br />BB<br /> </font>
| width="6%" bgcolor="#AAAAAA" | <font color="#000000">AA<br />AA<br />AA<br /> </font>
| width="6%" bgcolor="#999999" | <font color="#000000">99<br />99<br />99<br /> </font>
| width="6%" bgcolor="#888888" | <font color="#000000">88<br />88<br />88<br /> </font>
| width="6%" bgcolor="#777777" | <font color="#000000">77<br />77<br />77<br /> </font>
| width="6%" bgcolor="#666666" | <font color="#000000">66<br />66<br />66<br /> </font>
| width="6%" bgcolor="#555555" | <font color="#000000">55<br />55<br />55<br /> </font>
| width="6%" bgcolor="#444444" | <font color="#FFFFFF">44<br />44<br />44<br /> </font>
| width="6%" bgcolor="#333333" | <font color="#FFFFFF">33<br />33<br />33<br /> </font>
| width="6%" bgcolor="#222222" | <font color="#FFFFFF">22<br />22<br />22<br /> </font>
| width="6%" bgcolor="#111111" | <font color="#FFFFFF">11<br />11<br />11<br /> </font>
| width="6%" bgcolor="#000000" | <font color="#FFFFFF">00<br />00<br />00<br /> </font>
|}</center>
 
== Beperkingen aan RGB-waarde ==
Overgenomen van "https://nl.wikipedia.org/wiki/RGB-kleursysteem"