Χρωματικές ιδιότητες CSS. χρωματικούς κώδικες

Ένα από τα εργαλεία για να αλλάξει το στυλ της ιστοσελίδας - το χρώμα CSS. Υπάρχουν διάφοροι τρόποι για να αλλάξετε αυτή τη ρύθμιση. Καθένα από αυτά έχει τόσο πλεονεκτήματα όσο και μειονεκτήματα.

όνομα

Το ακίνητο χρώμα καθορίζει το χρώμα του στοιχείου. 145 αποχρώσεις των τίτλων που περιλαμβάνονται στο CSS. Ανάμεσά τους υπάρχουν απλά (όπως το μαύρο, μπλε) και σύνθετα (όπως βυσσινί, lawngreen).

Επειδή ολόκληρη η λίστα δύσκολο να θυμόμαστε, το όνομα του φύλλου στυλ που χρησιμοποιούνται σπάνια.

RGB

Οι περισσότερες από τις τηλεοράσεις, smartphones, οθόνες δουλεύουν με το μοντέλο χρωμάτων RGB. Δηλαδή, οποιοδήποτε χρώμα μπορεί να ρυθμιστεί σε ένα συνδυασμό των βασικών χρωμάτων, τα οποία είναι κόκκινο, πράσινο και μπλε. . Μια παρόμοια προσέγγιση χρησιμοποιείται και στις δύο συσκευές, και στο CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Τα χρώματα είναι βασικές αξίες σύνθεση απορρόφησης από 0 έως 255. Ένας αριθμός πιθανών χρωμάτων είναι ίση με 16777216.

Δεδομένου ότι το μοντέλο RGB έχει άμεση σχέση με τις φυσικές νόμους της έγχρωμης απεικόνισης, το μαύρο ορίζεται σε αυτήν ως το rgb (0, 0, 0), λευκό - rgb (255, 255, 255). σύστημα RGBA εντελώς παρόμοια με RGB, με την προσθήκη του καναλιού άλφα. Επηρεάζει τη διαφάνεια, η οποία συνδυάζεται με τη σκιά φόντο. Σε αυτή τη μορφή του στοιχείου θα ποικίλει ανάλογα με το «υπόστρωμα».

HSL

Για να κατανοήσουμε πώς το σύστημα HLS, θα πρέπει να υποβάλετε ένα χρώμα τροχό. Στο κέντρο της είναι το κόκκινο, τότε (δεξιόστροφα) όλα τα άλλα χρώματα του ουράνιου τόξου. цвета при помощи системы HLS требуется задать три параметра: Για τον προσδιορισμό των χρωμάτων στο CSS χρησιμοποιώντας το σύστημα HLS απαιτεί τρεις παραμέτρους:

• απόχρωση (σε μοίρες) - η κατεύθυνση του κέντρου κύκλο?
• κορεσμός (ποσοστό) - πόσο χρώμα που χρειάζεστε?
• φωτεινότητα (επί τοις εκατό).

Για παράδειγμα, μοβ μπορεί να προσδιοριστεί με τέτοιο τρόπο: HSL (315, 100%, 45%). HSL είναι πιο βολικό για πειράματα. Μετά τις σπουδές του τροχού χρώμα, μπορείτε να βλέποντας το στυλ περίπου αντιπροσωπεύουν τι χρώμα που συγκεκριμένο στοιχείο. Εκθεση Πεπραγμένων - ίδιο HLS, μόνον με άλφα: HSL (0, 100%, 50, 0.6) - κόκκινο, διαφανές ελαφρώς περισσότερο από το μισό.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Στην CSS, μπορείτε να ορίσετε το χρώμα χρησιμοποιώντας το δεκαεξαδική μορφή, όπως πορτοκαλί καθορίζεται από την τιμή # FF4500.

Για την καλύτερη κατανόηση του τι είναι η δεκαεξαδική αναπαράσταση, θα πρέπει να εξετάσει περαιτέρω το δεκαδικό σύστημα. Είναι ένας αριθμός από 0 έως 9. Όταν η ανάγκη στην καταμέτρηση αριθμό μεγαλύτερο από 9, προστίθεται ένα bit, και αποδεικνύεται 10, τότε 100, και ούτω καθεξής. E. Όλα ακριβώς το ίδιο σε δεκαεξαδική, αλλά σ 'αυτό μετά 9 είναι Α, τότε το Β, και ούτω καθεξής έως ΣΤ - το ίδιο όπως 15 στο δεκαδικό σύστημα. Στη συνέχεια, προσθέστε ένα ψηφίο, και αποδεικνύεται 10 από 16 στις συνήθεις όρους.

Όπως και σε RGB, τα χρώματα HEX για να δείξει σε τι αναλογίες για να χρησιμοποιήσει τα βασικά χρώματα. Σε αυτή την περίπτωση, δεν χωρίζονται με κόμματα (χρώμα: # FFD500). Κάθε δύο χαρακτήρες να καθορίσετε τον αριθμό του κόκκινου, πράσινου και μπλε.

CSS. Κατά κανόνα, το σύστημα HEX δεν χρησιμοποιείται κατά τη διάρκεια των πειραμάτων, δεδομένου ότι είναι αδύνατο να βρεθεί το σωστό χρώμα CSS. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Ο πίνακας μπορεί να βοηθήσει σε αυτό το θέμα, αλλά αν αναφέρεται συνεχώς σε αυτό, το έργο θα καθυστερήσει. Δεκαεξαδική μορφή είναι πιο βολικό όταν το πρότυπο μεταφέρεται από το γραφικό επεξεργαστή. Είναι πολύ πιο εύκολο να αντιγράψετε από αυτό μόνο ένα ψηφίο από τρεις στροφές.

Ποια τρόπος είναι καλύτερο;

Σε αυτόν το λογαριασμό δεν μπορούμε να πούμε κάτι συγκεκριμένο. Εάν τα στοιχεία της διεπαφής πρέπει διαφάνειας, να επιλέξουν μεταξύ RGBA και Εκθεση Πεπραγμένων. Αν θέλετε να πειραματιστείτε στο πρόγραμμα περιήγησης HLS ρόδα χρώματος θα είναι το πιο βολικό. Εάν χρησιμοποιείτε μια παλέτα ή μεταφέρετε το σχέδιο από το Photoshop, θα πρέπει να προτιμούν CSS κώδικες χρωμάτων δεκαεξαδικό.