Les 3 C4 - Kleurmodellen

• Informatica
• Middelbare school
• vwo
• Leerjaar 4

 Kleurmodellen

Na de les kun je...

• Uitleggen wat kleurmodellen zijn en waarom deze er zijn;
  
• De toepassingen van de kleurmodellen RGB en CMY beschrijven en de verschillen uitleggen.

Lesplanning

1. Huiswerk bespreken
2. Uitleg pixels en kleurmodellen
3. Afsluiting

Wat is de waarde van de letter #C?

Terugblik

Huiswerk gelukt?

Nog vragen over lesstof of opgaven?

Nabespreken:

§1.2 – vraag 2 en 4

§1.3 – vraag 1

§1.5 – vraag 1

§1.6 – vraag 2 en 3

bespreken:

bespreken:

Bespreken:

Bespreken

Bespreek met je buurman!

Waarvoor worden hexadecimale getallen gebruikt?

Korte herhaling

Dus 3 hexadecimale vraagjes

Wat is 16 in hexadecimale notatie?

1. 0x10
2. 0xF1
3. 0x16
4. 0x1F

Wat is 0x16 in decimale getallen?

1. 16
2. 7
3. 22
4. 21

Wat is 0b11010011 in hexadecimale notatie?

(hint: deel het handig op in 'nibbles' van 4 bits)

1. 0xB3
2. 0xD3
3. 0x131
4. 0x123

Terugblik

1. Wat betekent het gedeelte 0x in het 'getal' 0x64?
2. Hoe geef je aan dat iets een binair getal is?
3. Voor welk decimaal getal staat de letter C in hexadecimale getallen? 
4. Met hoeveel bits kun je een hexadecimaal cijfer weergeven?
5. Wat is het voordeel van hexadecimale getallen t.o.v. binaire getallen?

Pixel - Picture element

Beeldpuntjes waaruit een afbeelding is opgebouwd

• "Een afbeelding bestaat uit 320x240 pixels"
• "De resolutie van mijn scherm is 1920x1080 pixels"

Een mooie foto! Maar als je inzoomt kan je de pixel zien.

Dat komt omdat dit een bitmap of rasterfoto is.

Kleurmodellen

• Digitale afbeelding opgebouwd uit pixels
  
• Pixels zijn kleinst waarneembare onderdelen van een afbeelding = vierkantjes met een bepaalde kleur.
• (Denk aan pointilisme in schilderkunst)
• Twee kleurmodellen: RGB en CMY
• RGB = Red, Green en Blue
• CMY = Cyaan, Magenta, Yellow

pointilisme

https://nl.wikipedia.org/wiki/Pointillisme

Kleurmodellen

RGB: Rood, Groen, Blauw. Wordt gebruikt voor bronnen die zelf licht geven zoals schermen

CMYK: Cyaan, Magenta, Yellow, blacK. Wordt gebruikt voor kleuren van objecten die zelf geen licht geven maar licht van andere bronnen weerkaatsen zoals bij printen

Bij het "mengen" van alle kleuren krijg je wit

Bij het "mengen" van alle kleuren krijg je zwart

RGB-model

• Elke pixel heeft bepaalde intensiteit van Rood, Groen en Blauw tegen zwarte achtergrond;
  
  
• RGB-model = additieve kleuren
  
  
• Basiskleuren in bepaalde verhouding bij elkaar leiden tot nieuwe kleur (mengkleur);
  
  
• Geen basiskleur = zwart;
  
• Alle basiskleuren volledig bij elkaar = wit
  
  
• De intensiteit van elke basiskleur in computer weergegeven als byte (= 256 tinten per kleur);
• byte = 8 bits, dus getal van 0 - 255
• Geel = 255 (rood), 255 (groen), 0 (blauw)
• Binair = 11111111 11111111 00000000 = #FFFF00

CMY-model

• RGB-model werkt alleen voor zwarte achtergrond
  
  
• Zwart = 0, 0, 0: kleuren door RGB toe te voegen.
  
  
• RGB-model = additieve kleuren
  
  
• Bij witte achtergrond, zoals papier, werkt dat niet (wit = 255, 255, 255)
  
  
• Dus voor printen CMY-model, waarbij kleuren worden weggefilterd uit witte licht (subtractieve kleuren)
  
  gebruikt in de meeste gevallen procenten! dus 255 = 100% en 0 = 0%
  
  
• Bij printers vaak ook aparte toner voor zwart
• Van RGB naar CMY via de formule:
• CMY = (255 - R, 255 - G, 255 - B)

Je komt soms ook het CMYK model tegen. Wat zou de K zijn?

In deze kleurenmap zie je dat RGB en CMYK niet hetzelfde oppervlak beslaan. Dat betekent dat ze niet allemaal dezelfde kleuren bevatten.

Met RGB kan je veel intensere kleuren rood, groen en blauw/paars krijgen.

Deze kleur zit wel in CMYK maar niet in RGB

Deze kleur zit niet in CMYK maar wel in RGB

Infrarood?

Ultraviolet?

CSS kleurcodes

In html en css heb je al gewerkt met kleurcodes zoals deze:  #ff05ab

Daarin zitten eigenlijk drie kleurcodes verstopt: 

• 2 voor rood: ff 
• 2 voor green: 05 
• 2 voor blauw: ab

Hoeveel bits zijn er nodig deze code op te slaan?

1 hex = 4 bit

dus 6 x 4 = 24 bits 

Welke intensiteit blauw zit er in de kleur met de kleurcode (129, 202, 244)

1. 129
2. 202
3. 244
4. 331 (129 + 202)

Welke van onderstaande RGB-kleurcodes levert een grijstint op?

1. (255, 255, 255)
2. (127, 127, 127)
3. (0, 0, 0)
4. (129, 255, 255)

Welk kleurmodel kom je tegen bij kopieermachines?

1. CMY(K)
2. RGB

Wat is de CMY-code van de RGB-kleur voor oranje (255, 128, 0)?

1. (0, 128, 255)
2. valt zo niet te zeggen
3. #FF8000
4. (0, 127, 255)

Aan de slag

Maak het werkblad!

vervolgens

 van module C4 H2 Kleurmodellen

Bestudeer en maak:

§2.2 - 1 t/m 5, §2.3 - 1, §2.4 – 1 en 2