Les 3 C4 - Kleurmodellen

H2 Kleurmodellen
1 / 30
next
Slide 1: Slide
InformaticaMiddelbare schoolvwoLeerjaar 4

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

time-iconLesson duration is: 100 min

Items in this lesson

H2 Kleurmodellen

Slide 1 - Slide

This item has no 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 - Slide

    This item has no instructions

    Lesplanning
      1. Terugblik vorige les

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

      Slide 3 - Slide

      This item has no instructions

      Wat is de waarde van de letter #C?

      Slide 4 - Open question

      This item has no instructions

      Waarvoor worden hexadecimale getallen gebruikt?

      Slide 5 - Open question

      This item has no instructions

      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

      Slide 6 - Slide

      This item has no instructions

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

      Slide 7 - Quiz

      This item has no instructions

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

      Slide 8 - Quiz

      This item has no instructions

      Wat is 0b11010011 in hexadecimale notatie?

      (hint: deel het handig op in 'nibbles' van 4 bits)
      A
      0xB3
      B
      0xD3
      C
      0x131
      D
      0x123

      Slide 9 - Quiz

      This item has no 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. Met hoeveel bits kun je een hexadecimaal cijfer weergeven?
        5. Wat is het voordeel van hexadecimale getallen t.o.v. binaire getallen?

        Slide 10 - Slide

        This item has no instructions

        Slide 11 - Slide

        This item has no instructions

        Slide 12 - Slide

        This item has no instructions

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

        Slide 13 - Slide

        This item has no instructions

        Slide 14 - Slide

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

        Dat komt omdat dit een bitmap of rasterfoto is.

        Slide 15 - Slide

        This item has no instructions

        Slide 16 - Slide

        This item has no instructions

        Slide 17 - Slide

        This item has no instructions

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

        Slide 18 - Open question

        This item has no 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 19 - Slide

        This item has no 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 - Slide

        This item has no 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 - Slide

        This item has no 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 - Slide

        This item has no 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 - Slide

        This item has no 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 - Slide

        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

        This item has no 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

        This item has no instructions

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

        Slide 27 - Quiz

        This item has no 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 28 - Quiz

        This item has no 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 - Slide

        This item has no instructions

        Slide 30 - Slide

        This item has no instructions