|
|
ΘΕΜΑΤΑ: Χρώματα
Η δήλωση του χρώματος όπου χρειάζεται, γίνεται με δυό τρόπους.
α) όνομα χρώματος
Δηλώνουμε ένα από τα ακόλουθα ονόματα χρωμάτων από τα 16 χρώματα της παλέτας
των Windows:
black, white, green, maroon, olive, navy,purple, gray,
red, yellow, blue, teal, lime, aqua, fuchsia, silver.
Το πλεονέκτημα της χρήσης των χρωμάτων αυτών είναι πως απομνημονεύονται και
χρησιμοποιούνται πιο εύκολα. Το μειονέκτημα είναι πως η δυνατότητα επιλογών είναι πολύ μικρότερη των
χρωμάτων που υπόστηρίζουν οι ΗΥ.
β) "# κωδικός RGB"
Δηλώνουμε το χρώμα με τον κωδικό του σε RGB που είναι σύνθεση τριών διψηφίων 16δικών
αριθμών. Αυτοί οι διψήφιοι με τη σειρά δηλώνουν τα τρία βασικά χρώματα κόκκινο (Red), πράσινο
(Green), μπλε (Bleu) με τιμές που εκτείνονται από το 0 έως το 255 ( ή σε 16δικό από #00 έως #FF ). Μ'αυτό το τρόπο μπορούν να ορισθούν 16.777.216 συνδυασμοί των τριών βασικών χρωμάτων.
Παραδείγματα
1) Συνδυάζοντας τα 3 βασικά χρώματα R,G,B σε ίσες αναλογίες προκύπτουν 8 χρώματα
Μαύρο
#000000 |
Λευκό (R + G +B)
#FFFFFF |
Κόκκινο (R)
#FF0000 |
Κίτρινο (R + G)
#FFFF00 |
Πράσινο (G)
#00FF00 |
Μαρζέντα (R + B)
#FF00FF |
Μπλέ (B)
#0000FF |
Κυανό (G + B)
#00FFFF |
2) Χρησιμοποιόντας ενδεικτικά τις τιμές #00, #40, #80, #C0 και #FF για κάθε βασικό χρώμα, ορίζονται 125 συνδυασμοί χρωμάτων.
| "#000000" |
"#000040" |
"#000080" |
"#0000C0" |
"#0000FF" |
| "#004000" |
"#004040" |
"#004080" |
"#0040C0" |
"#0040FF" |
| "#008000" |
"#008040" |
"#008080" |
"#0080C0" |
"#0080FF" |
| "#00C000" |
"#00C040" |
"#00C080" |
"#00C0C0" |
"#00C0FF" |
| "#00FF00" |
"#00FF40" |
"#00FF80" |
"#00FFC0" |
"#00FFFF" |
| "#400000" |
"#400040" |
"#400080" |
"#4000C0" |
"#4000FF" |
| "#404000" |
"#404040" |
"#404080" |
"#4040C0" |
"#4040FF" |
| "#408000" |
"#408040" |
"#408080" |
"#4080C0" |
"#4080FF" |
| "#40C000" |
"#40C040" |
"#40C080" |
"#40C0C0" |
"#40C0FF" |
| "#40FF00" |
"#40FF40" |
"#40FF80" |
"#40FFC0" |
"#40FFFF" |
| "#800000" |
"#800040" |
"#800080" |
"#8000C0" |
"#8000FF" |
| "#804000" |
"#804040" |
"#804080" |
"#8040C0" |
"#8040FF" |
| "#808000" |
"#808040" |
"#808080" |
"#8080C0" |
"#8080FF" |
| "#80C000" |
"#80C040" |
"#80C080" |
"#80C0C0" |
"#80C0FF" |
| "#80FF00" |
"#80FF40" |
"#80FF80" |
"#80FFC0" |
"#80FFFF" |
| "#C00000" |
"#C00040" |
"#C00080" |
"#C000C0" |
"#C000FF" |
| "#C04000" |
"#C04040" |
"#C04080" |
"#C040C0" |
"C040FF" |
| "#C08000" |
"#C08040" |
"#C08080" |
"#C080C0" |
"#C080FF" |
| "#C0C000" |
"#C0C040" |
"#C0C080" |
"#C0C0C0" |
"#C0C0FF" |
| "#C0FF00" |
"#C0FF40" |
"#C0FF80" |
"#C0FFC0" |
"#C0FFFF" |
| "#FF0000" |
"#FF0040" |
"#FF0080" |
"#FF00C0" |
"#FF00FF" |
| "#FF4000" |
"#FF4040" |
"#FF4080" |
"#FF40C0" |
"#FF40FF" |
| "#FF8000" |
"#FF8040" |
"#FF8080" |
"#FF80C0" |
"#FF80FF" |
| "#FFC000" |
"#FFC040" |
"#FFC080" |
"#FFC0C0" |
"#FFC0FF" |
| "#FFFF00" |
"#FFFF40" |
"#FFFF80" |
"#FFFFC0" |
"#FFFFFF" |
Syntax HTML, v 2.1, January 2000
|