RGB - bits & bytes - decimaal/binair/hexadecimaal

1 / 28
next
Slide 1: Slide
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4

This lesson contains 28 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 45 min

Items in this lesson

Slide 1 - Slide

2 opdrachten die zondag af moeten

Slide 2 - Slide

Decimale getalstelsel
234

decimale notatie van getallen
met base = 10

Slide 3 - Slide

Binaire getalstelsel
11101010

binaire notatie van data
met base = 2

Slide 4 - Slide

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

Slide 5 - Slide

Slide 6 - Slide

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

Slide 8 - Slide

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

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

Red
Green
Blue

Slide 10 - Slide

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

Slide 12 - Link

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

Slide 13 - Slide

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

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

Slide 16 - Slide

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

Welke waardes kan 1 bit hebben?

Slide 18 - Open question

Uit hoeveel bits bestaat een byte?

Slide 19 - Open question

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

Slide 22 - Slide

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

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



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