Les 3 C4 - Kleurmodellen

H2 Kleurmodellen
1 / 30
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolvwoLeerjaar 4

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

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

Éléments de cette leçon

H2 Kleurmodellen

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

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

    Cet élément n'a pas d'instructions

    Lesplanning
      1. Terugblik vorige les

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

      Slide 3 - Diapositive

      Cet élément n'a pas d'instructions

      Wat is de waarde van de letter #C?

      Slide 4 - Question ouverte

      Cet élément n'a pas d'instructions

      Waarvoor worden hexadecimale getallen gebruikt?

      Slide 5 - Question ouverte

      Cet élément n'a pas d'instructions

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

        Cet élément n'a pas d'instructions

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

        Slide 7 - Quiz

        Cet élément n'a pas d'instructions

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

        Slide 8 - Quiz

        Cet élément n'a pas d'instructions

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

        Cet élément n'a pas d'instructions

        Slide 10 - Diapositive

        Cet élément n'a pas d'instructions

        Slide 11 - Diapositive

        Cet élément n'a pas d'instructions

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

        Cet élément n'a pas d'instructions

        Slide 13 - Diapositive

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

        Dat komt omdat dit een bitmap of rasterfoto is.

        Slide 14 - Diapositive

        Cet élément n'a pas d'instructions

        Slide 15 - Diapositive

        Cet élément n'a pas d'instructions

        Slide 16 - Diapositive

        Cet élément n'a pas d'instructions

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

        Slide 17 - Question ouverte

        Cet élément n'a pas d'instructions

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

        Cet élément n'a pas d'instructions

        Slide 19 - Diapositive

        Cet élément n'a pas d'instructions

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

        Cet élément n'a pas d'instructions

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

        Cet élément n'a pas d'instructions

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

        Cet élément n'a pas d'instructions

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

        Cet élément n'a pas d'instructions

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

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

        Cet élément n'a pas d'instructions

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

        Cet élément n'a pas d'instructions

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

        Cet élément n'a pas d'instructions

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

        Slide 28 - Quiz

        Cet élément n'a pas d'instructions

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

        Cet élément n'a pas d'instructions

        Slide 30 - Diapositive

        Cet élément n'a pas d'instructions