ImageColorPicker.com

Μετατροπέας από RGB σε HEX

Μετέτρεψε οποιοδήποτε RGB χρώμα σε HEX — άμεσα και δωρεάν

#4F46E5

Επικόλλησε οποιαδήποτε τιμή χρώματος — εντοπίζουμε το format για σένα.

R
G
B
HEX αποτέλεσμα

Αυτό το χρώμα σε κάθε μορφή

Προφίλ CMYK: Coated FOGRA39 (η προεπιλογή του Photoshop για την Ευρώπη)

Το RGB σου δίνει τρία δεκαδικά κανάλια μεταξύ 0 και 255. Η μετατροπή σε HEX μετατρέπει κάθε κανάλι σε ένα δεκαεξαδικό διψήφιο αριθμό, ώστε όλο το χρώμα να χωράει σε ένα συμπαγές token που καταλαβαίνει κάθε περιηγητής, εργαλείο σχεδίασης και οδηγός στυλ.

Πώς λειτουργεί η μετατροπή από RGB σε HEX

  1. Πάρε το κανάλι του κόκκινου και διαιρέσέ το με 16: το πηλίκο είναι το πρώτο ψηφίο και το υπόλοιπο το δεύτερο.
  2. Γράψε τα ψηφία 10 έως 15 ως γράμματα A έως F — το 255 γίνεται FF.
  3. Επανάλαβε για το πράσινο και το μπλε, προσθέτοντας μηδέν μπροστά σε μονοψήφια: το 5 γίνεται 05.
  4. Σύνδεσε τα τρία ζεύγη και βάλε ένα # μπροστά.

Παράδειγμα εφαρμογής

RGB rgb(79, 70, 229)=HEX #4F46E5

Ακριβές, όσο τα κανάλια είναι ακέραιοι από 0 έως 255. Κλασματικές τιμές όπως rgb(79.5, 70, 229) στρογγυλοποιούνται πρώτα στον κοντινότερο ακέραιο, επειδή το HEX δεν μπορεί να αποθηκεύσει ενδιάμεσες τιμές.

RGB και HEX εξηγούνται

Τι είναι το RGB;

Το RGB περιγράφει ένα χρώμα ως τρία κανάλια φωτός — κόκκινο, πράσινο και μπλε — το καθένα από 0 έως 255. Αυτό αντικατοπτρίζει τον τρόπο που λειτουργούν οι οθόνες: όλα τα τρία στο 255 δίνουν λευκό, όλα στο 0 δίνουν μαύρο. Το RGB είναι η σωστή επιλογή όποτε χρειάζεται να υπολογίσεις με ένα χρώμα, και το rgba() προσθέτει διαφάνεια.

Σύνταξη:
rgb(R, G, B)
Πεδίο:
0–255 ανά κανάλι
Καλύτερο για:
κώδικας, canvas, διαφάνεια με rgba()

Τι είναι το HEX;

Κωδικός HEX είναι ένας εξαψήφιος δεκαεξαδικός αριθμός που αποθηκεύει τα κανάλια κόκκινου, πράσινου και μπλε πίσω από ένα προεξέχον #. Κάθε ζεύγος ψηφίων καλύπτει ένα κανάλι, από 00 (καθόλου) έως FF (πλήρες), δίνοντας τα ίδια 16,7 εκατομμύρια χρώματα με το RGB αλλά σε πιο σύντομη σημειογραφία. Το HEX είναι το προεπιλεγμένο σε CSS, εργαλεία σχεδίασης και οδηγίες εταιρικής ταυτότητας.

Σύνταξη:
#RRGGBB
Πεδίο:
00–FF ανά κανάλι
Καλύτερο για:
CSS, παράδοση σχεδίου, οδηγίες εταιρικής ταυτότητας

Πίνακας αναφοράς RGB σε HEX

Οι πιο κοινές CSS αποχρώσεις, μετατρεπόμενες από RGB σε HEX.

ΧρώμαRGBHEX
blackrgb(0, 0, 0)#000000
whitergb(255, 255, 255)#FFFFFF
redrgb(255, 0, 0)#FF0000
limergb(0, 255, 0)#00FF00
bluergb(0, 0, 255)#0000FF
yellowrgb(255, 255, 0)#FFFF00
orangergb(255, 165, 0)#FFA500
tealrgb(0, 128, 128)#008080
purplergb(128, 0, 128)#800080
grayrgb(128, 128, 128)#808080

Περισσότεροι μετατροπείς χρωμάτων

Συχνές ερωτήσεις

Πάρε το κανάλι του κόκκινου και διαιρέσέ το με 16: το πηλίκο είναι το πρώτο ψηφίο και το υπόλοιπο το δεύτερο. Γράψε τα ψηφία 10 έως 15 ως γράμματα A έως F — το 255 γίνεται FF. Επανάλαβε για το πράσινο και το μπλε, προσθέτοντας μηδέν μπροστά σε μονοψήφια: το 5 γίνεται 05. Σύνδεσε τα τρία ζεύγη και βάλε ένα # μπροστά.

Ακριβές, όσο τα κανάλια είναι ακέραιοι από 0 έως 255. Κλασματικές τιμές όπως rgb(79.5, 70, 229) στρογγυλοποιούνται πρώτα στον κοντινότερο ακέραιο, επειδή το HEX δεν μπορεί να αποθηκεύσει ενδιάμεσες τιμές.

Κωδικός HEX είναι ένας εξαψήφιος δεκαεξαδικός αριθμός που αποθηκεύει τα κανάλια κόκκινου, πράσινου και μπλε πίσω από ένα προεξέχον #. Κάθε ζεύγος ψηφίων καλύπτει ένα κανάλι, από 00 (καθόλου) έως FF (πλήρες), δίνοντας τα ίδια 16,7 εκατομμύρια χρώματα με το RGB αλλά σε πιο σύντομη σημειογραφία. Το HEX είναι το προεπιλεγμένο σε CSS, εργαλεία σχεδίασης και οδηγίες εταιρικής ταυτότητας.

Ναι. Το κουμπί ανταλλαγής δίπλα στην είσοδο σε πάει στον μετατροπέα από HEX σε RGB, που δουλεύει ακριβώς με τον ίδιο τρόπο. Και οι δύο κατευθύνσεις χρησιμοποιούν τον ίδιο τύπο, απλώς εφαρμόζεται αντίστροφα.

Το HEX είναι το format που παραδίδεις σε developers και στα brand guidelines: σύντομο, δύσκολο να γίνει λάθος και υποστηρίζεται παντού. Μείνε σε RGB όσο χρειάζεται να κάνεις υπολογισμούς με τα κανάλια.