HTML RGB- en RGBA-kleuren

Een RGB-kleurwaarde staat voor RODE, GROENE en BLAUWE lichtbronnen.

Een RGBA-kleurwaarde is een uitbreiding van RGB met een alfakanaal (opaciteit).

RGB-kleurwaarden

In HTML kan een kleur worden gespecificeerd als een RGB-waarde, met behulp van deze formule:

RGB ( rood, groen , blauw )

Elke parameter (rood, groen en blauw) definieert de intensiteit van de kleur met een waarde tussen 0 en 255.

Dit betekent dat er 256 x 256 x 256 = 16777216 mogelijke kleuren zijn!

RGB(255, 0, 0) wordt bijvoorbeeld weergegeven als rood, omdat rood is ingesteld op de hoogste waarde (255), en de andere twee (groen en blauw) zijn ingesteld op 0.

Een ander voorbeeld, rgb(0, 255, 0) wordt weergegeven als groen, omdat groen is ingesteld op de hoogste waarde (255), en de andere twee (rood en blauw) zijn ingesteld op 0.

Om zwart weer te geven, stelt u alle kleurparameters in op 0, als volgt: rgb(0, 0, 0).

Om wit weer te geven, stelt u alle kleurparameters in op 255, als volgt: rgb(255, 255, 255).

Experimenteer door de onderstaande RGB-waarden te mengen:

Tinten grijs

Grijstinten worden vaak gedefinieerd met gelijke waarden voor alle drie de parameters:

RGBA-kleurwaarden

RGBA-kleurwaarden zijn een uitbreiding van RGB-kleurwaarden met een alfakanaal - dat de dekking voor een kleur specificeert.

Een RGBA-kleurwaarde wordt opgegeven met:

rgba ( rood, groen , blauw, alfa )

De alpha parameter is een getal tussen 0.0 (volledig transparant) en 1.0 (helemaal niet transparant):

Experimenteer door de onderstaande RGBA-waarden te mengen: