Τεχνικοί Όροι για τα χρώματα

HSB HUE SATURATION BRIGHTNESS

HUE είναι το χρώμα με το οποίο δουλεύετε (ένα από τα χρώματα του ουρανίου τόξου ή του φάσματος αν προτιμάτε). Περιγράφεται σαν ένας κύκλος από 0 έως 360 μοίρες με τιμές που απεικονίζονται στον παρακάτω πίνακα:

BRIGHTNESS

Η φωτεινότητα του χρώματος (πόσο μαύρο ή άσπρο περιέχει). Παίρνει τιμές από 0 (λευκό) έως 100 (μαύρο).

SATURATION

Η ποσότητα του χρώματος. Μπορεί να θέλετε απαλό χρώμα (άρα μικρή ποσότητα) ή πολύ έντονο και χτυπητό χρώμα (άρα μεγάλη ποσότητα). Παίρνει τιμές από 0 (πού λίγο - ξεπλυμένο- χρώμα) περνάει από το 50 (παστέλ χρώμα) και φτάνει μέχρι το 100 (full color).

RGB RED GREEN BLUE

Η κατάταξη των χρωμάτων κατά HSB είναι η ταξινόμηση του πραγματικού κόσμου. Στους Η/Υ όμως έχουμε μια λίγο διαφορετική απεικόνιση. Όλα τα χρώματα δημιουργούνται από τον συνδιασμό Κόκκινου, Πράσινου και Μπλέ. Κάθε ένα από αυτά τα χρώματα παίρνει τιμές από 0 - 255 και όλα τα χρώματα στον Η/Υ έχουν μια τιμή για το Κόκκινο, μια για το Πράσινο και μια για το Μπλέ. Π.χ. το Κόκκινο είναι 1,0,0

ΑΡΙΘΜΟΣ ΧΡΩΜΑΤΩΝ

Οι GIF εικόνες μπορούν να απεικονίσουν μέχρι 256 χρώματα (πολλά από αυτά αποχρώσεις) ενώ οι JPG πρακτικά άπειρα. Όμως έχουμε 2 περιορισμούς:

α) Όσο περισσότερα χρώματα έχουμε τόσο μεγαλύτερο το αρχείο. Για πρακτικούς λόγους μπορεί να μειώσουμε τα χρώματα (πρακτικά τις αποχρώσεις) π.χ. σε 24.

β) Όλοι όσοι βλέπουν τα γραφικά μας δεν έχουν απαραίτητα οθόνες υψηλής ανάλυσης για να γίνουν αισθητές οι λεπτές διαφορές των αποχρώσεων. Ακόμη χειρότερα, αν η εικόνα έχει 512 χρώματα αλλά η κάρτα οθόνης μπορεί να ερμηνεύσει μόνο 256 θα μετατρέψει τα υπόλοιπα σε κάποια από τα 256 υπάρχονται με τραγικά μερικές φορές αποτελέσματα.

TRANSPARENT GIFs

Τα GIF αρχεία στην νεότερη έκδοσή τους (GIF89a) μπορούν να γίνουν διάφανα, δηλαδή να μην υπάρχει το φόντο τους. Αυτό είναι χρήσιμο σε μερικές περιπτώσεις (για να μπορεί η εικόνα να δένει καλύτερα με την υπόλοιπη σελίδα) αλλά μόνο στην περίπτωση που το περίγραμμα του θέματος της εικόνας είναι αρκετά καθαρό και συνεκτικό. Διάφανα gif υποστηρίζουν σχεδόν όλοι οι σημερινοί δημοφιλείς browsers.

INTERLACED GIFs

Τα GIF αρχεία στην νεότερη έκδοσή τους (GIF89a), εκτός από το να γίνουν διάφανα μπορούν να αλλάξουν και τον τρόπο με τον οποίο φορτώνονται. Αν αποθηκευτούν σαν interlaced, τότε θα φορτώνονται στην οθόνη ολόκληρες αλλά θολές και σιγά σιγά θα καθαρίζουν. Αν ο browser δεν υποστηρίζει αυτή την δυνατότητα, θα φορτωθούν κανονικά δηλαδή σιγά σιγά από πάνω προς τα κάτω.

Διάφορα προγράμματα γραφικών δίνουν την δυνατότητα να δημιουργηθούν gif εικόνες με τα παραπάνω χαρακτηριστικά.

Πώς βρίσκουμε τον 16εξαδικό κωδικό ενός χρώματος

Κάθε χρώμα το οποίο θα θελήσουμε να χρησιμοποιήσουμε, προέρχεται συνήθως από 2 πηγές: Είτε το έχουμε δημιουργήσει εμείς (με κάποιο πρόγραμμα γραφικών), είτε το έχουμε δει κάπου αλλού (π.χ. σε ένα άλλο site). Και στις 2 περιπτώσεις, αποθηκεύουμε το γραφικό που μας ενδιαφέρει, το ανοίγουμε με ένα σχεδιαστικό πρόγραμμα και βλέπουμε ποιο είναι το RGB του (η δυνατότητα αυτή υπάρχει σε όλα σχεδόν τα προγράμματα γραφικών).
Το RGB αποτελείται από έναν αριθμό για το κόκκινο, έναν για το πράσινο και έναν για το μπλε χρώμα (ο συνδιασμός αυτών των τριών χρωμάτων σε διαφορετικές αναλογίες μας δίνει όλα τα χρώματα που εμφανίζονται στην οθόνη του Η/Υ μας). Οι τιμές των αριθμών αυτών εκτείνονται από το 0 έως το 255. Π.χ. το μαύρο είναι 0,0,0 και το λευκό είναι 255,255,255 Αφού μάθουμε το RGB, μετατρέπουμε την τιμή του σε δεκαεξαδικό κωδικό χρησιμοποιόντας ένα από τα διάφορα προγράμματα που υπάρχουν για το σκοπό αυτό (Agile ColorWeb , Crayon κ.α.) ή τον calculator των windows.
Για να βρούμε τον δεκαεξαδικό κωδικό με τον calculator των windows ανοίγουμε το πρόγραμμα (αν δεν υπάρχει στα μενού ψάχνουμε για το αρχείο calc.exe και το εκτελούμε) και επιλέγουμε View - Scientific
Αν υποθέσουμε πως θέλουμε μια απόχρωση του μουσταρδί με Red=246 Green=192 Blue=128 τότε γράφουμε 246 και αλλάζουμε την προβολή από δεκαδική - Dec - σε δεκαεξαδική - Hex - (κάνουμε κλικ στην επιλογή Hex).

Θα παρατηρήσετε πως μόλις κάνουμε κλικ στην επιλογή Hex το 246 μετατρέπεται αυτόματα σε F6 (αυτός είναι το δεκαεξαδικό ισοδύναμο του 246). Ακολουθούμε την ίδια διαδικασία με το 129 (C0 σε δεκαεξαδική μορφή) και το 128 (80 σε δεκαεξαδική μορφή) και συμπεραίνουμε πως ο δεκαεξαδικός κωδικός της απόχρωσης 246,192,128 είναι F6C080. Προσέξτε πως στον calculator το 0 (μηδέν) μοιάζει πάρα πολύ με το Ο (όμικρον κεφαλαίο). Υπάρχει λοιπόν ο κίνδυνος να γίνει λάθος κατά τη μεταγραφή τους.
Αν δεν διαθέτε ένα από τα παραπάνω προγράμματα τότε, μέσα στο δίκτυο θα βρείτε αρκετές Web σελίδες (http://sisyphus.nvc.cc.ca.us/~phavens/HTML_INFO/RGB2HEX2RGB.html) οι οποίες σας επιτρέπουν να δώσετε τις RGB τιμές (RED, GREEN, BLUE) και να πάρετε τον δεκαεξαδικό κωδικό (HEX number) ή το αντίστροφο.