Ψάχνετε για άλλους μετατροπείς χρωμάτων;
Πώς να μετατρέψετε RGB σε HEX
Η μετατροπή χρωμάτων από RGB σε HEX είναι τόσο απλή όσο η μετατροπή των αριθμητικών τιμών από δεκαδικό σε δεκαεξαδικό σύστημα αριθμών. Για να μετατρέψουμε το χρώμα RGB (50, 168, 82), μετατρέπουμε κάθε έναν από τον αριθμό σε δεκαεξαδική τιμή:
50 = 32
168 = Α8
82 = 52
RGB(50, 168, 82) = #32Α852
Τι είναι το RGB
RGB σημαίνει κόκκινο, πράσινο και μπλε αποχρώσεις του φωτός που μπορούν να αναμειχθούν για να δημιουργήσουν διαφορετικά χρώματα. Είναι η τυπική μέθοδος παραγωγής εικόνων για οθόνες τηλεόρασης, οθόνες υπολογιστών και οθόνες smartphone.
Για να είμαστε πιο ακριβείς, το RGB είναι ένα μοντέλο χρωμάτων πρόσθετου, που σημαίνει ότι πρέπει να προσθέσετε αποχρώσεις μαζί για να δημιουργήσετε ένα διαφορετικό χρώμα.
Φανταστείτε στοίβαγμα χρωμάτων το ένα πάνω από το άλλο:
Σημείωση: διαφορετικές συσκευές παράγουν διαφορετικές τιμές RGB. Κάθε συσκευή χρησιμοποιεί διαφορετική θεωρία ανάμειξης χρωμάτων, που σημαίνει ότι τα χρώματα RGB δεν είναι τα ίδια σε όλες τις συσκευές και χρειάζονται διαχείριση χρωμάτων για να φαίνονται τα ίδια.
Για να περιγράψετε ένα χρώμα στο μοντέλο χρώματος RGB, πρέπει να πείτε πόσα κόκκινα, πράσινα και μπλε χρειάζονται.
Υποδεικνύετε πόσα κόκκινα, πράσινα και μπλε χρειάζονται χρησιμοποιώντας RGB triplet (R, G, B) όπου κάθε ένα από τα στοιχεία μπορεί να κυμαίνεται από μηδέν έως καθορισμένη μέγιστη τιμή.
Εάν όλα τα στοιχεία είναι μηδέν (0, 0, 0) - το αποτέλεσμα είναι μαύρο χρώμα.
Εάν όλα τα στοιχεία είναι το πολύ (255, 255, 255) - το αποτέλεσμα είναι λευκό χρώμα.
Οι συνδυασμοί αυτών των αριθμών αποτελούν διαφορετικά χρώματα (255, 255, 0) - το αποτέλεσμα είναι κίτρινο χρώμα
Αυτό είναι γνωστό ως βάθος χρώματος και μετράται σε bits.
Από το 2018, σχεδόν κάθε οθόνη τηλεόρασης, υπολογιστή και smartphone χρησιμοποιεί βάθος χρώματος 24 bit που το γνωρίζουν αληθινό χρώμα. Υποστηρίζει οκτώ bit για καθένα από τα τρία χρώματα, ή συνολικά 24 bit.
Αυτό παρέχει 28 ή 256 πιθανές τιμές για κόκκινο, πράσινο και μπλε:
256 x 256 x 256 = 16,777,216 συνολικά πιθανά χρώματα στην πραγματική παλέτα χρωμάτων
Τι είναι δεκαεξαδικό
Δεκαεξαδικό περιγράφει ένα σύστημα αριθμών βάσης-16 που αποτελείται από 16 σύμβολα. Χρησιμοποιεί αριθμούς από 0 έως 9 για να αντιπροσωπεύει αριθμούς από 0 έως 9 και γράμματα A έως F για να αντιπροσωπεύει τους αριθμούς από 10 έως 15.
Χρησιμοποιείται συχνότερα στην επιστήμη των υπολογιστών και στα μαθηματικά ως μέσο αναπαράστασης του δυαδικού κώδικα σε μορφή αναγνώσιμη από τον άνθρωπο.
Σε αντίθεση με τους υπολογιστές ή τους επιστήμονες, οι περισσότεροι από εμάς χρησιμοποιούν το δεκαδικό αριθμητικό σύστημα. Αποτελείται από αριθμούς από 0 έως 9 και είναι ο τυπικός τρόπος χρήσης αριθμών. Αρχίζουμε να το μαθαίνουμε στον παιδικό σταθμό και το χρησιμοποιούμε καθημερινά:
ένα αυτοκίνητο οδηγεί στα 10 mph
μια γάτα ζυγίζει 4 κιλά
ένας μήνας αποτελείται από 30 ημέρες
Τώρα που γνωρίζουμε τη διαφορά μεταξύ δεκαεξαδικού και δεκαδικού, ας εξετάσουμε πώς μπορούμε να μετατρέψουμε το ένα στο άλλο.
Όπως ήδη γνωρίζουμε, στο δεκαεξαδικό σύστημα αριθμών, οι αριθμοί από 0 έως 9 αντιπροσωπεύουν 0 έως 9 και τα γράμματα A έως F αντιπροσωπεύουν 10 έως 15 στο δεκαδικό σύστημα.
Εδώ είναι ένας σε βάθος πίνακας που είναι καλός στην εξήγηση της μετατροπής από δεκαεξαδικό σε δεκαδικό αριθμό:
Πώς να μετατρέψετε RGB σε HEX
Για να μετατρέψετε RGB σε HEX, πρέπει να μετατρέψετε τιμές κόκκινου πράσινου και μπλε χρώματος από δεκαδικό σε δεκαεξαδικό.
Παράδειγμα #1: μετατρέψτε το κόκκινο χρώμα (255, 0, 0) προς το ΜΑΓΕΥΩ:
Ρ = 255 = FF
σολ = 0 = 00
σι = 0 = 00
ΜΑΓΕΥΩ = #FF0000
Παράδειγμα #2: μετατρέψτε το πράσινο χρώμα (0, 255, 0) προς το ΜΑΓΕΥΩ:
Ρ = 0 = 00
σολ = 255 = FF
σι = 0 = 00
ΜΑΓΕΥΩ = #00FF00
Παράδειγμα #3: μετατρέψτε το χρώμα μπλε (0, 0, 255) προς το ΜΑΓΕΥΩ:
Ρ = 0 = 00
σολ = 0 = 00
σι = 255 = FF
ΜΑΓΕΥΩ = #0000FF
Παράδειγμα #4: μετατρέψτε το χρώμα μαύρο (0, 0, 0) προς το ΜΑΓΕΥΩ:
Ρ = 0 = 00
σολ = 0 = 00
σι = 0 = 00
ΜΑΓΕΥΩ = #000000
Παράδειγμα #5: μετατρέψτε το χρώμα σε λευκό (255, 255, 255) προς το ΜΑΓΕΥΩ:
Ρ = 255 = FF
σολ = 255 = FF
σι = 255 = FF
ΜΑΓΕΥΩ = #FFFFFF
Δώρο παράδειγμα #6: μετατρέψτε το χρώμα του χρυσού (255, 215, 0) προς το ΜΑΓΕΥΩ:
Ρ = 255 = FF
σολ = 215 = Δ7
σι = 0 = 00
ΜΑΓΕΥΩ = #FFΔ700
Πώς να μετατρέψετε HEX σε RGB
Για να μετατρέψετε το HEX σε RGB, πρέπει να διαχωρίσετε τη δεκαεξαδική τιμή σε ζεύγη δύο και να τη μετατρέψετε σε δεκαδικό αριθμό.
Παράδειγμα #1: μετατρέψτε το κόκκινο χρώμα #FF0000 προς το RGB:
FF = 255
00 = 0
00 = 0
RGB = (255, 0, 0)
Παράδειγμα #2: μετατρέψτε το πράσινο χρώμα #00FF00 προς το RGB:
00 = 0
FF = 255
00 = 0
RGB = (0, 255, 0)
Παράδειγμα #3: μετατρέψτε το χρώμα μπλε #0000FF προς το RGB:
00 = 0
00 = 0
FF = 255
RGB = (0, 0, 255)
Παράδειγμα #4: μετατρέψτε το χρώμα μαύρο #000000 προς το RGB:
00 = 0
00 = 0
00 = 0
RGB = (0, 0, 0)
Παράδειγμα #5: μετατρέψτε το χρώμα σε λευκό #FFFFFF προς το RGB:
FF = 255
FF = 255
FF = 255
RGB = (255, 255, 255)
Δώρο παράδειγμα #6: μετατρέψτε το χρώμα του χρυσού #FFD700 προς το RGB:
FF = 255
D7 = 215
00 = 0
RGB = (255, 215, 0)
Διαφορά μεταξύ RGB και Hex
Όπως μπορούμε να δούμε από τα παραπάνω παραδείγματα, η κύρια διαφορά μεταξύ RGB και HEX είναι ότι χρησιμοποιεί διαφορετικά αριθμητικά συστήματα. Το RGB χρησιμοποιεί δεκαδικό και το HEX χρησιμοποιεί δεκαεξαδικό.
Η μετατροπή χρωμάτων από RGB σε HEX είναι τόσο απλή όσο η μετατροπή των αριθμητικών τους τιμών από δεκαδικό σε δεκαεξαδικό σύστημα αριθμών.
RGB vs HEX - ποιο είναι καλύτερο
Από την εμπειρία μας και από όσα έχει παρατηρήσει η ομάδα μας με την πάροδο των ετών, το δεκαεξαδικό χρησιμοποιείται συχνότερα από το RGB, ιδίως στις βιομηχανίες ανάπτυξης ιστοσελίδων και ιστοσελίδων.
Ωστόσο, δεν έχει καμία διαφορά ποια χρησιμοποιείτε καθώς και οι δύο αντιπροσωπεύουν το ίδιο χρώμα. Η μόνη πρόταση - μείνετε συνεπείς.
Εάν αρχίσετε να χρησιμοποιείτε το RGB σε όλο το έργο μας στο Web - εμμείνετε σε αυτό. Εάν αρχίσετε να χρησιμοποιείτε το HEX σε όλο το έργο μας στο Web, δοκιμάστε να χρησιμοποιήσετε μόνο το HEX
