Μετατροπή χρώματος RGB σε Hex

Εισαγάγετε τα επίπεδα κόκκινου, πράσινου και μπλε χρώματος (0..255) και πατήστε το κουμπί Μετατροπή :

Κόκκινο χρώμα (R)

Πράσινο χρώμα (G)

Μπλε χρώμα (Β)

Μετατρέπω Επαναφορά Ανταλαγή

Hex χρωματικός κωδικός

Κωδικός χρώματος RGB

Κωδικός χρώματος HSL

Μετατροπέας Hex σε RGB ►

Χρωματικός πίνακας RGB σε Hex

Χρώμα	Χρώμα όνομα	(R, G, B)	Μαγεύω
	Μαύρος	(0,0,0)	#000000
	άσπρο	(255.255.255)	#FFFFFF
	το κόκκινο	(255,0,0)	#FF0000
	Ασβεστος	(0,255,0)	#00FF00
	Μπλε	(0,0,255)	#0000FF
	Κίτρινος	(255,255,0)	#FFFF00
	κυανό	(0.255.255)	#00FFFF
	Πορφύρα βαφή	(255,0,255)	#FF00FF
	Ασήμι	(192,192,192)	#C0C0C0
	Γκρί	(128.128.128)	#808080
	Μαρόν	(128,0,0)	#800000
	Ελιά	(128.128,0)	#808000
	Πράσινος	(0,128,0)	#008000
	Μωβ	(128,0,128)	#800080
	Βάσκας	(0.128.128)	#008080
	ΠΟΛΕΜΙΚΟ ΝΑΥΤΙΚΟ	(0,0,128)	#000080

Μετατροπή RGB σε hex

1. Μετατρέψτε τις τιμές του κόκκινου, του πράσινου και του μπλε χρώματος από δεκαδικό σε εξάγωνο.
2. Συνδέστε τις 3 εξαγωνικές τιμές του κόκκινου, του πράσινου και του μπλε μαζί: RRGGBB.

Παράδειγμα #1

Μετατροπή κόκκινου χρώματος (255,0,0) σε εξαγωνικό χρωματικό κώδικα:

R = 255₁₀ = FF₁₆

G = 0₁₀ = 00₁₆

B = 0₁₀ = 00₁₆

Άρα ο εξαγωνικός χρωματικός κώδικας είναι:

Hex = FF0000

Παράδειγμα #2

Μετατροπή χρυσού χρώματος (255,215,0) σε εξαγωνικό χρωματικό κώδικα:

R = 255₁₀ = FF₁₆

G = 215₁₀ = D7₁₆

B = 0₁₀ = 00₁₆

Άρα ο εξαγωνικός χρωματικός κώδικας είναι:

Hex = FFD700

 

Μετατροπή δεκαεξαδικού σε RGB ►

 

1. Μετατροπή χρώματος RGB σε Hex: ένας οδηγός

Η μετατροπή χρωμάτων RGB σε hex μπορεί να είναι μια τρομακτική εργασία για τους σχεδιαστές ιστοσελίδων. Αλλά με λίγη κατανόηση του πώς λειτουργούν τα εξαγωνικά χρώματα, μπορεί να είναι μια εύκολη διαδικασία.

Τα δεκαεξαδικά χρώματα αποτελούνται από τρία δεκαεξαδικά ψηφία ή έξι δεκαεξαδικούς χαρακτήρες. Οι δύο πρώτοι χαρακτήρες αντιπροσωπεύουν το κόκκινο στοιχείο του χρώματος, οι δύο δεύτεροι χαρακτήρες αντιπροσωπεύουν το πράσινο στοιχείο και οι δύο τελευταίοι χαρακτήρες αντιπροσωπεύουν το μπλε στοιχείο.

Για παράδειγμα, το εξάγωνο χρώμα #FF0000 θα ήταν κόκκινο, επειδή το κόκκινο στοιχείο βρίσκεται στη μέγιστη τιμή του (FF). Το εξάγωνο χρώμα #00FF00 θα ήταν πράσινο, επειδή το πράσινο στοιχείο βρίσκεται στη μέγιστη τιμή του (00). Και το εξάγωνο χρώμα #0000FF θα ήταν μπλε, επειδή το μπλε στοιχείο βρίσκεται στη μέγιστη τιμή του (0000).

Όταν μετατρέπετε το RGB σε δεκαεξαδικό, απλώς μετατρέπετε κάθε τιμή RGB στο ισοδύναμο του δεκαεξαδικού. Άρα η τιμή RGB του (255,0,0) θα είναι το εξάγωνο

2. Μετατροπή χρώματος RGB σε Hex: τα βασικά

Το RGB σημαίνει κόκκινο, πράσινο και μπλε. Το δεκαεξαδικό είναι ένα σύστημα αρίθμησης που χρησιμοποιείται στους υπολογιστές και αποτελείται από 16 σύμβολα, 0-9 και AF. Οι δεκαεξαδικοί αριθμοί προηγούνται από ένα σύμβολο "#".

Όταν θέλετε να δημιουργήσετε ένα χρώμα στον υπολογιστή σας, πρέπει να καθορίσετε την ποσότητα καθενός από τα τρία χρώματα. Αυτό γίνεται με τη χρήση δεκαεξαδικού αριθμού. Για παράδειγμα, εάν θέλετε να δημιουργήσετε ένα σκούρο μπλε χρώμα, θα χρησιμοποιήσετε τον κωδικό "000080".

Για να μετατρέψετε ένα χρώμα από RGB σε δεκαεξαδικό, απλώς αναλύστε τον αριθμό στα επιμέρους στοιχεία Κόκκινο, Πράσινο και Μπλε και μετατρέψτε καθένα από αυτά τα στοιχεία σε δεκαεξαδικό. Για παράδειγμα, ο κωδικός "FF0000" θα μετατραπεί σε "Κόκκινο: 255, Πράσινο: 0, Μπλε: 0".

3. Μετατροπή χρώματος RGB σε Hex: πιο προηγμένες τεχνικές

Η μετατροπή χρώματος RGB σε Hex μπορεί να είναι λίγο δύσκολη, αλλά με μερικά απλά βήματα,

Αρχικά, ας ρίξουμε μια ματιά στο χρωματικό μοντέλο RGB. Το RGB σημαίνει κόκκινο, πράσινο και μπλε και είναι το σύστημα που χρησιμοποιείται για τη δημιουργία όλων των χρωμάτων σε μια οθόνη υπολογιστή. Κάθε χρώμα αποτελείται από τρεις αριθμούς, έναν για κάθε χρώμα. Ο μικρότερος αριθμός είναι η ποσότητα του κόκκινου στο χρώμα, ο μεσαίος αριθμός είναι η ποσότητα του πράσινου και ο υψηλότερος αριθμός είναι η ποσότητα του μπλε.

Για να μετατρέψετε το RGB σε Hex, πρέπει πρώτα να βρείτε το ισοδύναμο Hex για κάθε χρώμα. Υπάρχουν πολλά διαδικτυακά εργαλεία που μπορούν να σας βοηθήσουν να το κάνετε αυτό ή μπορείτε να χρησιμοποιήσετε ένα χρωματολόγιο όπως το παρακάτω. Αφού έχετε τις τιμές Hex για κάθε χρώμα, απλώς τις προσθέτετε μαζί για να δημιουργήσετε τον κώδικα Hex για το επιθυμητό χρώμα.

---

Δείτε επίσης

• Πώς να μετατρέψετε το RGB σε Hex
• Μετατροπέας Hex σε RGB
• Μετατροπέας δεκαδικού σε δεκαεξαδικό
• Χρωματικοί κωδικοί RGB
• Μετατροπή εικόνας

Χαρακτηριστικά του Εργαλείου μετατροπής χρωμάτων RGB σε Hex

1. Μετατροπή τιμών RGB σε δεκαεξαδικό χρωματικό κώδικα: Το εργαλείο επιτρέπει στους χρήστες να εισάγουν τιμές RGB (κόκκινο, πράσινο, μπλε) και τις μετατρέπει στον αντίστοιχο δεκαεξαδικό κωδικό, ο οποίος είναι μια εξαψήφια αναπαράσταση του χρώματος χρησιμοποιώντας τα γράμματα AF και τους αριθμούς 0 -9.

2. Μετατροπή δεκαεξαδικού κώδικα χρώματος σε τιμές RGB: Το εργαλείο επιτρέπει επίσης στους χρήστες να εισάγουν έναν δεκαεξαδικό χρωματικό κώδικα και να τον μετατρέπουν στις αντίστοιχες τιμές RGB.

3. Προσαρμοσμένη εισαγωγή χρώματος: Οι χρήστες μπορούν να εισάγουν τις δικές τους τιμές RGB ή δεκαεξαδικές για μετατροπή σε άλλη μορφή.

4. Επιλογέας χρωμάτων: Ορισμένα εργαλεία μετατροπέα χρωμάτων RGB σε hex μπορεί να περιλαμβάνουν μια λειτουργία επιλογής χρώματος, η οποία επιτρέπει στους χρήστες να επιλέξουν ένα χρώμα από μια οπτική παλέτα ή προσαρμόζοντας ρυθμιστικά για τις τιμές RGB.

5. Προεπισκόπηση του προκύπτοντος χρώματος: Το εργαλείο θα πρέπει να εμφανίζει μια προεπισκόπηση του προκύπτοντος χρώματος μετά τη μετατροπή, ώστε οι χρήστες να μπορούν να δουν πώς φαίνεται το χρώμα.

6. Επιλογές μορφοποίησης δεκαεξαδικού κώδικα: Ορισμένα εργαλεία ενδέχεται να επιτρέπουν στους χρήστες να επιλέξουν διαφορετικές επιλογές μορφοποίησης για τον δεκαεξαδικό κώδικα, όπως εάν θα συμπεριλάβουν το σύμβολο "#" στην αρχή του κώδικα ή θα χρησιμοποιήσουν κεφαλαία ή πεζά γράμματα.

7. Λειτουργία αντιγραφής στο πρόχειρο: Το εργαλείο μπορεί να επιτρέπει στους χρήστες να αντιγράφουν εύκολα τον προκύπτοντα δεκαεξαδικό κώδικα ή τις τιμές RGB στο πρόχειρο για χρήση σε άλλες εφαρμογές.

8. Μετατροπή πολλαπλών χρωμάτων: Ορισμένα εργαλεία ενδέχεται να επιτρέπουν στους χρήστες να μετατρέπουν πολλά χρώματα ταυτόχρονα, είτε εισάγοντας πολλαπλά σύνολα τιμών είτε χρησιμοποιώντας δείγμα χρωμάτων ή παλέτα.

9. Βιβλιοθήκη ή παλέτα χρωμάτων: Ορισμένα εργαλεία μπορεί να περιλαμβάνουν μια βιβλιοθήκη ή παλέτα προκαθορισμένων χρωμάτων από τα οποία οι χρήστες μπορούν να επιλέξουν ή να χρησιμοποιήσουν ως αναφορά.

10. Σχεδίαση με απόκριση: Το εργαλείο θα πρέπει να αποκρίνεται και να λειτουργεί καλά σε μια ποικιλία συσκευών, όπως επιτραπέζιους υπολογιστές, tablet και smartphone.