Ορισμός χρώματος με # στο CSS
Ο τρόπος ορισμού χρώματος μέσω rgb, παρόλο
που επιτρέπει την απόκτηση οποιασδήποτε απόχρωσης
οποιουδήποτε χρώματος, είναι λίγο δυσκίνητος.
Γι' αυτό υπάρχει και μια τρίτη επιλογή
για να ορίσετε ένα χρώμα - μέσω μιας
δεκαεξαδικής τιμής.
Για να κατανοήσετε την ουσία αυτής της μεθόδου, πρέπει
να καταλάβετε το δεκαεξαδικό σύστημα αρίθμησης.
Σε αυτό, σε αντίθεση με το δεκαδικό,
που χρησιμοποιούμε στην καθημερινή ζωή, δεν υπάρχουν
δέκα ψηφία, αλλά δεκαέξι: 0, 1,
2, 3, 4, 5, 6,
7, 8, 9, A, B,
C, D, E, F -
όπως βλέπετε, λόγω έλλειψης ψηφίων μετά το
εννέα χρησιμοποιούνται γράμματα.
Σε αυτό το σύστημα, αντί για rgb γράφεται
το σύμβολο #, μετά από το οποίο ακολουθούν έξι
χαρακτήρες. Οι πρώτοι δύο χαρακτήρες - το κόκκινο χρώμα,
οι επόμενοι δύο χαρακτήρες - το πράσινο, και οι τελευταίοι δύο
χαρακτήρες - το μπλε. Τα χρώματα επίσης ποικίλλουν από
0 έως 255, αλλά στο δεκαεξαδικό
σύστημα αυτό θα είναι από 00 έως FF.
Στο επόμενο παράδειγμα, η παράγραφος χρωματίζεται με κόκκινο:
<p>
κείμενο
</p>
p {
color: #FF0000;
}
:
Ορίστε για όλες τις παραγράφους το χρώμα #FFEEAA.
Ορίστε για όλες τις παραγράφους το φόντο #000000
και το χρώμα κειμένου #FFFFFF. Ποια χρώματα
θα προκύψουν;
Δίνεται ο ακόλουθος κώδικας:
p {
color: rgb(255, 200, 255);
}
Με τη βοήθεια κάποιου μετατροπέα, μετατρέψτε το χρώμα σε δεκαεξαδική μορφή.