Les 3 C4 - Kleurmodellen

H2 Kleurmodellen
1 / 30
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolvwoLeerjaar 4

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

time-iconLesduur is: 100 min

Onderdelen in deze les

H2 Kleurmodellen

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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.

    Slide 2 - Tekstslide

    Deze slide heeft geen instructies

    Lesplanning
      1. Terugblik vorige les

      2. Uitleg kleurmodellen
      3. Zelfstandig aan de slag met huiswerk
      4. Afsluiting

      Slide 3 - Tekstslide

      Deze slide heeft geen instructies

      Wat is de waarde van de letter #C?

      Slide 4 - Open vraag

      Deze slide heeft geen instructies

      Waarvoor worden hexadecimale getallen gebruikt?

      Slide 5 - Open vraag

      Deze slide heeft geen instructies

      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. Hoeveel bits worden door 1 hexadecimaal getal gerepresenteerd EN hoe heet zo'n combinatie?
        5. Wat is het voordeel van hexadecimale getallen t.o.v. binaire getallen?

        Slide 6 - Tekstslide

        Deze slide heeft geen instructies

        Wat is 16 in hexadecimale notatie?
        A
        0x10
        B
        0xF1
        C
        0x16
        D
        0x1F

        Slide 7 - Quizvraag

        Deze slide heeft geen instructies

        Wat is 0x16 in decimale getallen?
        A
        16
        B
        7
        C
        22
        D
        21

        Slide 8 - Quizvraag

        Deze slide heeft geen instructies

        Wat is 0b11000001 in hexadecimale notatie?

        (deel het dus op in een nibble van 1100
        en een nibble van 0001)
        A
        0xB1
        B
        0xC1
        C
        0x121
        D
        0x11

        Slide 9 - Quizvraag

        Deze slide heeft geen instructies

        Slide 10 - Tekstslide

        Deze slide heeft geen instructies

        Slide 11 - Tekstslide

        Deze slide heeft geen instructies

        Pixel - Picture x element
        Die kleine beeldpuntjes waaruit een afbeelding is opgebouwd
        • "Een afbeelding bestaat uit 320x240 pixels"
        • "De resolutie van mijn scherm is 1920x1080 pixels"

        Slide 12 - Tekstslide

        Deze slide heeft geen instructies

        Slide 13 - Tekstslide

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

        Dat komt omdat dit een bitmap of rasterfoto is.

        Slide 14 - Tekstslide

        Deze slide heeft geen instructies

        Slide 15 - Tekstslide

        Deze slide heeft geen instructies

        Slide 16 - Tekstslide

        Deze slide heeft geen instructies

        Je komt soms ook het CMYK model tegen. Waar staat de K voor?

        Slide 17 - Open vraag

        Deze slide heeft geen instructies

        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?

        Slide 18 - Tekstslide

        Deze slide heeft geen instructies

        Slide 19 - Tekstslide

        Deze slide heeft geen instructies

        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

        Slide 20 - Tekstslide

        Deze slide heeft geen instructies

        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

        Slide 21 - Tekstslide

        Deze slide heeft geen instructies

        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

        Slide 22 - Tekstslide

        Deze slide heeft geen instructies

        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)
        • Bij printers vaak ook aparte toner voor zwart
        • Van RGB naar CMY via de formule:
        • CMY = (255 - R, 255 - G, 255 - B)

        Slide 23 - Tekstslide

        Deze slide heeft geen instructies

        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 geel: 05 
        • 2 voor blauw: ab

        Hoeveel bits zijn er nodig deze code op te slaan?

        Slide 24 - Tekstslide

        1 hex = 4 bit
        dus 6 x 4 = 24 bits 
        Welke intensiteit blauw zit er in de kleur met de kleurcode (129, 202, 244)
        A
        129
        B
        202
        C
        244
        D
        331 (129 + 202)

        Slide 25 - Quizvraag

        Deze slide heeft geen instructies

        Welke van onderstaande RGB-kleurcodes levert een grijstint op?
        A
        (255, 255, 255)
        B
        (127, 127, 127)
        C
        (0, 0, 0)
        D
        (129, 255, 255)

        Slide 26 - Quizvraag

        Deze slide heeft geen instructies

        Wat is de CMY-code van de RGB-kleur voor oranje (255, 128, 0)?
        A
        (0, 128, 255)
        B
        valt zo niet te zeggen
        C
        #FF8000
        D
        (0, 127, 255)

        Slide 27 - Quizvraag

        Deze slide heeft geen instructies

        Welk kleurmodel kom je tegen bij kopieermachines?
        A
        CMY(K)
        B
        RGB

        Slide 28 - Quizvraag

        Deze slide heeft geen instructies

        Aan de slag
        Van module C4 H2 Kleurmodellen
        Bestudeer en maak:
        §2.2 - 1 t/m 5, §2.3 - 1, §2.4 – 1 en 2
         

        Slide 29 - Tekstslide

        Deze slide heeft geen instructies

        Slide 30 - Tekstslide

        Deze slide heeft geen instructies