RGB - bits & bytes - decimaal/binair/hexadecimaal

1 / 28
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

In deze les zitten 28 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 45 min

Onderdelen in deze les

Slide 1 - Tekstslide

2 opdrachten die zondag af moeten

Slide 2 - Tekstslide

Decimale getalstelsel
234

decimale notatie van getallen
met base = 10

Slide 3 - Tekstslide

Binaire getalstelsel
11101010

binaire notatie van data
met base = 2

Slide 4 - Tekstslide

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

Slide 5 - Tekstslide

Slide 6 - Tekstslide

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 - Tekstslide

Slide 8 - Tekstslide

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 - Tekstslide

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

Red
Green
Blue

Slide 10 - Tekstslide

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 - Tekstslide

Slide 12 - Link

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

Slide 13 - Tekstslide

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 - Tekstslide

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 - Tekstslide

Slide 16 - Tekstslide

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 - Tekstslide

Welke waardes kan 1 bit hebben?

Slide 18 - Open vraag

Uit hoeveel bits bestaat een byte?

Slide 19 - Open vraag

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 - Quizvraag

Slide 21 - Tekstslide

Slide 22 - Tekstslide

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

Slide 23 - Quizvraag

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

Slide 24 - Quizvraag

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

Slide 25 - Quizvraag

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 - Tekstslide

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 - Tekstslide



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 - Tekstslide