RGB - bits & bytes - decimaal/binair/hexadecimaal

1 / 28
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

Cette leçon contient 28 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 45 min

Éléments de cette leçon

Slide 1 - Diapositive

2 opdrachten die zondag af moeten

Slide 2 - Diapositive

Decimale getalstelsel
234

decimale notatie van getallen
met base = 10

Slide 3 - Diapositive

Binaire getalstelsel
11101010

binaire notatie van data
met base = 2

Slide 4 - Diapositive

Hexadecimale getalstelsel
#FF0000
#00FF00
#0000FF
Hexadecimale notatie van kleuren in CSS
met base = 16

Slide 5 - Diapositive

Slide 6 - Diapositive

Getalstelsels
Getalstelsel
Base
Symbolen
Aantal symbolen
Maximale waarde 1 symbool
Decimaal
  10
 0 - 9
 10
   9
Binair
   2
 0 - 1
  2
    1
Hexadecimaal
  16
 0 - 9 A - F
 16
  15

Slide 7 - Diapositive

Slide 8 - Diapositive

Leerdoelen
je kent de 3 getalstelsels decimaal, hexadecimaal en binair

je weet wat RGB betekent en hoe het gebruikt wordt

je kunt decimaal naar binair omzetten en omgekeerd

je kunt binair naar hex omzetten


Slide 9 - Diapositive

RGB - Red Green Blue
De kleuren op een computer worden opgebouwd uit 3 kleuren

Red
Green
Blue

Slide 10 - Diapositive

RGB waardes worden in
het decimale getalstelsel weergegeven
als getallen tussen 0 en 255.

De hoeveelheid rood  (R): 0 - 255
De hoeveelheid groen(G): 0 - 255
De hoeveelheid blauw(B): 0 - 255


Slide 11 - Diapositive

Slide 12 - Lien

De RGB waarde van een kleur wordt opgeslagen in 3 bytes.

Slide 13 - Diapositive

De RGB waarde van een kleur wordt opgeslagen in 3 bytes.
Hoeveel bits heeft 1 byte?
1 byte heeft 8 bits.
Welke waardes kan 1 bit hebben?
Een bit kan waardes 0 en 1 hebben.

Slide 14 - Diapositive

Kleurmodellen
RGB: Rood, Groen, Blauw. Wordt gebruikt voor schermen

CMYK: Cyaan, Magenta, Yellow, blacK. Wordt gebruikt bij printen
Bij het "mengen" van alle kleuren krijg je wit
Bij het "mengen" van alle kleuren krijg je zwart

Slide 15 - Diapositive

Slide 16 - Diapositive

De kleur wit in hexa, RGB & CMYK
  • The hexadecimal color            #ffffff 
  • RGB values of                               255, 255, 255
  • CMYK values of C:                      0, 0, 0

Van RGB naar CMYK:             255 - rgb        voor R, G en B
    

Slide 17 - Diapositive

Welke waardes kan 1 bit hebben?

Slide 18 - Question ouverte

Uit hoeveel bits bestaat een byte?

Slide 19 - Question ouverte

Wat is de binaire notatie

voor het decimale getal 14?
A
Geen idee
B
Geen flauw idee
C
Hoe moet ik dat weten?
D
Ik wil graag uitleg

Slide 20 - Quiz

Slide 21 - Diapositive

Slide 22 - Diapositive

Wat is de binaire notatie voor het decimale getal 42?
A
11001010
B
11111010
C
00101010
D
11101011

Slide 23 - Quiz

Welke kleur hoort er bij de hexadecimale waarde
#000000
A
Rood
B
Wit
C
Blauw
D
Zwart

Slide 24 - Quiz

Welke kleur hoort er bij de hexadecimale waarde
#FFFFFF
A
Rood
B
Wit
C
Blauw
D
Zwart

Slide 25 - Quiz

Decimaal naar hexadecimaal
Om de HEX waarde van een RGB waarde te bepalen

  1. zet je de decimale RGB waarde eerst om naar binair
    (met behulp van de machten tabel)

  2. zet je de binaire waarde om naar hex
    (met behulp van de 4-bits groepjes methode)

Slide 26 - Diapositive

Binair naar hexadecimaal
We hebben 42 omgezet naar binair 00101010.

We gaan 00101010 nu omzetten naar hexadecimaal
door groepjes van 4 bits te maken

0010                        1010

Slide 27 - Diapositive



0010
Groepje van 4 bits
binair: 0 0 1 0
             8...4...2...1
0x8 + 0x4 + 1x2 + 0x1
decimaal? 2
hex: 2






1010
Groepje van 4 bits
binair: 1 0 1 0
             8...4...2...1
1x8 + 0x4 + 1x2 + 0x1
decimaal? 1 0
hex: A
Binair naar hexadecimaal 0010 1010

Slide 28 - Diapositive