29
το χρώμα στον υπολογιστή Ι. Ψαραύτης, ΕΠΑΛ ΤΗΝΟΥ

το χρώμα στον υπολογιστή

  • Upload
    bianca

  • View
    32

  • Download
    1

Embed Size (px)

DESCRIPTION

το χρώμα στον υπολογιστή. Ι. Ψαραύτης, ΕΠΑΛ ΤΗΝΟΥ. Το χρώμα στο RGB. R G B : στηρίζεται στις ακτινοβολίες του φωτός και αποκαλείται προσθετική μέθοδος. Τρία κανάλια χρώματος ( Red , Green , Blue ) : Βασικά χρώματα. - PowerPoint PPT Presentation

Citation preview

Page 1: το χρώμα  στον υπολογιστή

το χρώμα

στον υπολογιστή

Ι. Ψαραύτης, ΕΠΑΛ ΤΗΝΟΥ

Page 2: το χρώμα  στον υπολογιστή

Το χρώμα στο RGB

RGB: στηρίζεται στις ακτινοβολίες του φωτός και αποκαλείται

προσθετική μέθοδος.

Τρία κανάλια χρώματος (Red, Green, Blue): Βασικά χρώματα.

Η απόδοση των χρωμάτων πραγματοποιείται με την ανάμειξη

ακτινοβολίας φωτός.

Ίση ανάμειξη των βασικών χρωμάτων RGB δίνει το λευκό.

το μαύρο δεν θεωρείται χρώμα αλλά απουσία φωτός.

http://www.colorpicker.com

Page 3: το χρώμα  στον υπολογιστή

Το χρώμα στο RGB Τρία κανάλια χρώματος (Red, Green, Blue). Βασικά

χρώματα.

Το κάθε κανάλι παίρνει τιμές από 0 μέχρι 255.

Η τιμή 0 σημαίνει καθόλου χρώμα ενώ η μέγιστη

τιμή είναι 255.

Αν τα τρία κανάλια χρώματος πάρουν τη μέγιστη

τιμή (255,255,255) τότε παράγεται το λευκό

χρώμα.

Αντίθετα αν τα κανάλια είναι σε τιμή 0, τότε δεν

έχουμε καθόλου χρώμα, δηλαδή το σημείο της

οθόνης παραμένει μαύρο.0,0,0

Page 4: το χρώμα  στον υπολογιστή

Το χρώμα στο RGB

0,0,0

Page 5: το χρώμα  στον υπολογιστή

0,0,0

255,0,00,255,0

0,0,255

0,255,255255,0,255

255,255,0

255,255,255

Το χρώμα στο RGB

Page 6: το χρώμα  στον υπολογιστή

Κόκκινο Πράσινο Μπλε Χρώμα

255 255 255 Λευκό

255 255 0 Κίτρινο

255 0 255 Magenta- Βαθύ κόκκινο

0 255 255 Κυανό

255 0 0 Κόκκινο

0 255 0 Πράσινο

0 0 255 Μπλε

0 0 0 Μαύρο

Page 7: το χρώμα  στον υπολογιστή

Χρώμα RGBΑ

Μαζί με τα τρία κανάλια χρώματος (red, green,

blue) υπάρχει και ακόμα ένα κανάλι που εκφράζει

την αδιαφάνεια (alpha).

208,58,19,255 208,58,19,121

32 bits

Page 8: το χρώμα  στον υπολογιστή

Το χρώμα στο CMYK

Πρότυπο χρώματος για εκτυπώσεις.

Τρία βασικά χρώματα (cyan, magenta,

yellow) και το μαύρο.

Το κάθε χρώμα παίρνει τιμές από 0 έως

100.

0,0,0

Page 9: το χρώμα  στον υπολογιστή

Το χρώμα στο CMYK

0,0,0

Στις χρωστικές

ουσίες, τις μπογιές, η

απόδοση των

χρωμάτων

πραγματοποιείται με

την απορρόφηση

ορισμένων δεσμών

φωτός και την

αντανάκλαση άλλων.

Αφαιρετική μέθοδος

4 κανάλια χρώματος C, M, Y, K

Page 10: το χρώμα  στον υπολογιστή

Ευαισθησία της ανθρώπινης όρασης

Ο οφθαλμός του ανθρώπου αποτελείται από φωτοαισθητήρες (οπτικά αισθητήρια κύτταρα που είναι ευαίσθητα στο φως). Υπάρχουν:

10.000.000 ραβδία

που ειδικεύονται στην αντίληψη του φωτεινού και του σκοτεινού.

3.000.000 κωνία

που ειδικεύονται στην αντίληψη της απόχρωσης.

Page 11: το χρώμα  στον υπολογιστή

Δεν προκαλούν όλα τα χρώματα την ίδια αντίδραση

Π.χ. η όραση μας είναι πιο ευαίσθητη στο κόκκινο και

κίτρινο χρώμα.

Ευαισθησία της ανθρώπινης όρασης

Θερμά και ψυχρά χρώματα

Page 12: το χρώμα  στον υπολογιστή

παράμετροι χρώματος

Για την αναπαράσταση των χρωμάτων ορίζονται:

η απόχρωση (Hue).

Ο κορεσμός (Saturation).

Και η σκίαση (Lightness) ή φωτεινότητα

Brightness.

Αξία (Value).

Page 13: το χρώμα  στον υπολογιστή

παράμετροι χρώματος

Απόχρωση (hue) Αναφέρεται απλά στο χρώμα,

στην πιο απλή του μορφή.

Με την προσθήκη ίδιου χρώματος αυξάνουμε

την ένταση (intensity) του χρώματος.

Page 14: το χρώμα  στον υπολογιστή

Βαθμοί Απόχρωσης

Χρώμα Βαθμοί

Κόκκινο 0ο

Κίτρινο 60ο

Πράσινο 120ο

Κυανό 180ο

Μπλε 240ο

Magenta - Βαθύ κόκκινο

300o

Page 15: το χρώμα  στον υπολογιστή

παράμετροι χρώματος

0,0,0

κορεσμός (Saturation)

Είναι η ένταση του χρώματος.

H ποσότητα καθαρού χρώματος (pure color) που περιέχεται σε ένα αντικείμενο.

Ποσοστό 100% κορεσμού αντιστοιχεί στο καθαρό

χρώμα. Ποσοστό 0% αντιστοιχεί σε άσπρο, μαύρο ή

γκρι χρώμα ανάλογα με την απόχρωση (hue).

Page 16: το χρώμα  στον υπολογιστή

παράμετροι χρώματος

φωτεινότητα (Brightness)

Αντιστοιχεί στο ποσοστό ανάμειξης του

μαύρου με το χρώμα.

Είναι η οπτική αντίληψη ότι μία περιοχή ή

αντικείμενο εκπέμπει περισσότερο ή λιγότερο

φως από τον περίγυρο της.

0,0,0

Page 17: το χρώμα  στον υπολογιστή

παράμετροι χρώματος

Σκίαση (Lightness) αντιστοιχεί στο ποσοστό

ανάμειξης του λευκού με το χρώμα.

Υποδηλώνει πόσο μαύρο ή λευκό είναι ένα

αντικείμενο.

Έχει άμεση σχέση με την αντανάκλαση του φωτός

στο αντικείμενο (μαύρο με λιγότερο από 30 % του

προσπίπτοντος φως, λευκό με περισσότερο από

80%).

0,0,0

Page 18: το χρώμα  στον υπολογιστή

παράμετροι χρώματος

0,0,0

παράμετρος % χρώμα

σκίαση (Lightness)

100 λευκό

0 μαύρο

50 pure color

φωτεινότητας (Brightness)

0 λευκό

50 pure color

100 μαύρο

Page 19: το χρώμα  στον υπολογιστή

παράμετροι χρώματος

0,0,0

Αξία (Value), δηλαδή ένταση της λαμπρότητας

του χρώματος, με τιμές από 0-100%

http://www.colorpicker.com

Page 20: το χρώμα  στον υπολογιστή

Το χρώμα σε HSL και HSB

0,0,0

HSB (Hue, Saturation, Brightness)

HSL (Hue, Saturation, Lightness)

Page 21: το χρώμα  στον υπολογιστή

Το χρώμα σε HSL και HSB

Καθορίσουμε την απόχρωση (hue) με

γωνιακούς όρους (από 0 έως 360 μοίρες)

τις παραμέτρους κορεσμού (Saturation),

φωτεινότητας (Brightness) ή σκίασης

(Lightness) ως ποσοστά %

Page 22: το χρώμα  στον υπολογιστή

Το χρώμα σε HSL και HSB

http://www.colorpicker.com

Page 23: το χρώμα  στον υπολογιστή

Χρωματικό μοντέλο HSV

Αναλύει το χρώμα σε τρεις παραμέτρους:

Απόχρωση (Ηue), δηλαδή θέση στον χρωματικό κύκλο

(τιμες απο 0-360).

Κορεσμός (Saturation), δηλαδή ένταση του χρώματος,

με τιμές από 0-100%.

Αξία (Value), δηλαδή ένταση της λαμπρότητας του

χρώματος, με τιμές από 0-100%.

http://www.colorpicker.com

Page 24: το χρώμα  στον υπολογιστή

Χρωματικό μοντέλο HSV

3,564,000 διαφορετικά χρώματα

101 διαβαθμίσεις του γκρι.

http://www.colorpicker.com

Page 25: το χρώμα  στον υπολογιστή

Το χρώμα σε HSL και HSB

B=V

Page 26: το χρώμα  στον υπολογιστή

Grayscale

Μια εικόνα στο μοντέλο αυτό έχει ένα μόνο

κανάλι το οποίο εκφράζει την ένταση της

σκίασης του μαύρου και παίρνει τιμές από 0 ως

255 (0=μαύρο, 255=άσπρο).

Page 27: το χρώμα  στον υπολογιστή

Grayscale vs Black&White

0,0,0

Grayscale Black & White

Page 28: το χρώμα  στον υπολογιστή

Τροχός χρωμάτων (Color Wheel)

Page 29: το χρώμα  στον υπολογιστή

Τροχός χρωμάτων (Color Wheel)