▼
▼
Περάστε τον δείκτη πάνω από το χρώμα για να δείτε τους κωδικούς hex και δεκαδικούς:
| Hex: # | |||
| Κόκκινο: | |||
| Πράσινο: | |||
| Μπλε: |
Χρωματικός χώρος RGB ή Σύστημα χρωμάτων RGB, δημιουργεί όλα τα χρώματα από τον συνδυασμό των όκκινο, ράσινο και πλε χρωμάτων..
Το κόκκινο, πράσινο και μπλε χρησιμοποιούν από 8 bits το καθένα, με τιμές από 0 έως 255. Αυτό δημιουργεί 256*256*256 = 16.777.216 πιθανά χρώματα.
RGB ≡ Κόκκινο, Πράσινο, Μπλε
Κάθε pixel σε μια οθόνη LED εμφανίζει χρώματα με αυτόν τον τρόπο, μέσω συνδυασμού κόκκινων, πράσινων και μπλε LED.
Όταν το κόκκινο pixel είναι ρυθμισμένο στο 0, το LED είναι σβηστό. Όταν είναι στο 255, είναι πλήρως αναμμένο.
Οποιαδήποτε τιμή ενδιάμεσα παράγει μερική εκπομπή φωτός.
Ο κώδικας RGB έχει μορφή 24 bits (bits 0..23)::
| Κόκκινο[7:0] | Πράσινο[7:0] | Μπλε[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Βασικά χρώματα:
| Χρώμα | Όνομα HTML / CSS | Κωδικός Hex #RRGGBB |
Δεκαδικός Κωδικός (R,G,B) |
|---|---|---|---|
| Μαύρο | #000000 | (0,0,0) | |
| Λευκό | #FFFFFF | (255,255,255) | |
| Lime | #FF0000 | (255,0,0) | |
| Lime | #00FF00 | (0,255,0) | |
| Μπλε | #0000FF | (0,0,255) | |
| Κίτρινο | #FFFF00 | (255,255,0) | |
| cyan | #00FFFF | (0,255,255) | |
| Ματζέντα / Φούξια | #FF00FF | (255,0,255) | |
| Ασημί | #C0C0C0 | (192,192,192) | |
| Γκρι | #808080 | (128,128,128) | |
| Καστανό | #800000 | (128,0,0) | |
| Ελαιόχρωμο | #808000 | (128,128,0) | |
| Πράσινο | #008000 | (0,128,0) | |
| Μωβ | #800080 | (128,0,128) | |
| Teal | #008080 | (0,128,128) | |
| Ναυτικό Μπλε | #000080 | (0,0,128) |
| Χρώμα | Όνομα Χρώματος | Κωδικός Hex | Δεκαδικός Κωδικός | |
|---|---|---|---|---|
| Καστανό | #800000 | (128,0,0) | ||
| σκούρο κόκκινο | #8B0000 | (139,0,0) | ||
| καφέ | #A52A2A | (165,42,42) | ||
| firebrick | #B22222 | (178,34,34) | ||
| crimson | #DC143C | (220,20,60) | ||
| tomato | #FF0000 | (255,0,0) | ||
| tomato | #FF6347 | (255,99,71) | ||
| coral | #FF7F50 | (255,127,80) | ||
| indian red | #CD5C5C | (205,92,92) | ||
| light coral | #F08080 | (240,128,128) | ||
| dark salmon | #E9967A | (233,150,122) | ||
| salmon | #FA8072 | (250,128,114) | ||
| light salmon | #FFA07A | (255,160,122) | ||
| orange red | #FF4500 | (255,69,0) | ||
| dark orange | #FF8C00 | (255,140,0) | ||
| πορτοκαλί | #FFA500 | (255,165,0) | ||
| gold | #FFD700 | (255,215,0) | ||
| dark golden rod | #B8860B | (184,134,11) | ||
| golden rod | #DAA520 | (218,165,32) | ||
| pale golden rod | #EEE8AA | (238,232,170) | ||
| dark khaki | #BDB76B | (189,183,107) | ||
| khaki | #F0E68C | (240,230,140) | ||
| Ελαιόχρωμο | #808000 | (128,128,0) | ||
| Κίτρινο | #FFFF00 | (255,255,0) | ||
| yellow green | #9ACD32 | (154,205,50) | ||
| dark olive green | #556B2F | (85,107,47) | ||
| olive drab | #6B8E23 | (107,142,35) | ||
| lawn green | #7CFC00 | (124,252,0) | ||
| chartreuse | #7FFF00 | (127,255,0) | ||
| green yellow | #ADFF2F | (173,255,47) | ||
| dark green | #006400 | (0,100,0) | ||
| Πράσινο | #008000 | (0,128,0) | ||
| forest green | #228B22 | (34,139,34) | ||
| Lime | #00FF00 | (0,255,0) | ||
| lime green | #32CD32 | (50,205,50) | ||
| light green | #90EE90 | (144,238,144) | ||
| pale green | #98FB98 | (152,251,152) | ||
| dark sea green | #8FBC8F | (143,188,143) | ||
| medium spring green | #00FA9A | (0,250,154) | ||
| spring green | #00FF7F | (0,255,127) | ||
| sea green | #2E8B57 | (46,139,87) | ||
| medium aqua marine | #66CDAA | (102,205,170) | ||
| medium sea green | #3CB371 | (60,179,113) | ||
| light sea green | #20B2AA | (32,178,170) | ||
| dark slate gray | #2F4F4F | (47,79,79) | ||
| Teal | #008080 | (0,128,128) | ||
| dark cyan | #008B8B | (0,139,139) | ||
| cyan | #00FFFF | (0,255,255) | ||
| cyan | #00FFFF | (0,255,255) | ||
| light cyan | #E0FFFF | (224,255,255) | ||
| dark turquoise | #00CED1 | (0,206,209) | ||
| turquoise | #40E0D0 | (64,224,208) | ||
| medium turquoise | #48D1CC | (72,209,204) | ||
| pale turquoise | #AFEEEE | (175,238,238) | ||
| aqua marine | #7FFFD4 | (127,255,212) | ||
| powder blue | #B0E0E6 | (176,224,230) | ||
| cadet blue | #5F9EA0 | (95,158,160) | ||
| steel blue | #4682B4 | (70,130,180) | ||
| corn flower blue | #6495ED | (100,149,237) | ||
| deep sky blue | #00BFFF | (0,191,255) | ||
| dodger blue | #1E90FF | (30,144,255) | ||
| light blue | #ADD8E6 | (173,216,230) | ||
| sky blue | #87CEEB | (135,206,235) | ||
| light sky blue | #87CEFA | (135,206,250) | ||
| midnight blue | #191970 | (25,25,112) | ||
| Ναυτικό Μπλε | #000080 | (0,0,128) | ||
| dark blue | #00008B | (0,0,139) | ||
| medium blue | #0000CD | (0,0,205) | ||
| Μπλε | #0000FF | (0,0,255) | ||
| royal blue | #4169E1 | (65,105,225) | ||
| blue violet | #8A2BE2 | (138,43,226) | ||
| indigo | #4B0082 | (75,0,130) | ||
| dark slate blue | #483D8B | (72,61,139) | ||
| slate blue | #6A5ACD | (106,90,205) | ||
| medium slate blue | #7B68EE | (123,104,238) | ||
| medium purple | #9370DB | (147,112,219) | ||
| dark magenta | #8B008B | (139,0,139) | ||
| dark violet | #9400D3 | (148,0,211) | ||
| dark orchid | #9932CC | (153,50,204) | ||
| medium orchid | #BA55D3 | (186,85,211) | ||
| purple | #800080 | (128,0,128) | ||
| thistle | #D8BFD8 | (216,191,216) | ||
| plum | #DDA0DD | (221,160,221) | ||
| violet | #EE82EE | (238,130,238) | ||
| magenta | #FF00FF | (255,0,255) | ||
| orchid | #DA70D6 | (218,112,214) | ||
| medium violet red | #C71585 | (199,21,133) | ||
| pale violet red | #DB7093 | (219,112,147) | ||
| deep pink | #FF1493 | (255,20,147) | ||
| hot pink | #FF69B4 | (255,105,180) | ||
| light pink | #FFB6C1 | (255,182,193) | ||
| pink | #FFC0CB | (255,192,203) | ||
| antique white | #FAEBD7 | (250,235,215) | ||
| beige | #F5F5DC | (245,245,220) | ||
| bisque | #FFE4C4 | (255,228,196) | ||
| blanched almond | #FFEBCD | (255,235,205) | ||
| wheat | #F5DEB3 | (245,222,179) | ||
| corn silk | #FFF8DC | (255,248,220) | ||
| lemon chiffon | #FFFACD | (255,250,205) | ||
| light golden rod yellow | #FAFAD2 | (250,250,210) | ||
| light yellow | #FFFFE0 | (255,255,224) | ||
| saddle brown | #8B4513 | (139,69,19) | ||
| sienna | #A0522D | (160,82,45) | ||
| chocolate | #D2691E | (210,105,30) | ||
| peru | #CD853F | (205,133,63) | ||
| sandy brown | #F4A460 | (244,164,96) | ||
| burly wood | #DEB887 | (222,184,135) | ||
| tan | #D2B48C | (210,180,140) | ||
| rosy brown | #BC8F8F | (188,143,143) | ||
| moccasin | #FFE4B5 | (255,228,181) | ||
| navajo white | #FFDEAD | (255,222,173) | ||
| peach puff | #FFDAB9 | (255,218,185) | ||
| misty rose | #FFE4E1 | (255,228,225) | ||
| lavender blush | #FFF0F5 | (255,240,245) | ||
| linen | #FAF0E6 | (250,240,230) | ||
| old lace | #FDF5E6 | (253,245,230) | ||
| papaya whip | #FFEFD5 | (255,239,213) | ||
| sea shell | #FFF5EE | (255,245,238) | ||
| mint cream | #F5FFFA | (245,255,250) | ||
| slate gray | #708090 | (112,128,144) | ||
| light slate gray | #778899 | (119,136,153) | ||
| light steel blue | #B0C4DE | (176,196,222) | ||
| lavender | #E6E6FA | (230,230,250) | ||
| floral white | #FFFAF0 | (255,250,240) | ||
| alice blue | #F0F8FF | (240,248,255) | ||
| ghost white | #F8F8FF | (248,248,255) | ||
| honeydew | #F0FFF0 | (240,255,240) | ||
| ivory | #FFFFF0 | (255,255,240) | ||
| azure | #F0FFFF | (240,255,255) | ||
| snow | #FFFAFA | (255,250,250) | ||
| μαύρο | #000000 | (0,0,0) | ||
| dim gray | #696969 | (105,105,105) | ||
| gray grey | #808080 | (128,128,128) | ||
| dark gray | #A9A9A9 | (169,169,169) |
Η επιλογή του τέλειου χρώματος είναι ένα από τα πιο σημαντικά βήματα σε κάθε ψηφιακό έργο. Είτε σχεδιάζετε έναν ιστότοπο, δημιουργείτε ένα λογότυπο, αναπτύσσετε μια διεπαφή εφαρμογής ή απλώς πειραματίζεστε με οπτικές ιδέες, η επιλογή χρώματος παίζει κεντρικό ρόλο στη διαμόρφωση του τελικού αποτελέσματος. Για να κάνουμε αυτή τη διαδικασία ευκολότερη, ταχύτερη και πιο διαισθητική, δημιουργήσαμε ένα ολοκαίνουργιο εργαλείο που σας επιτρέπει να βρείτε το ακριβές χρώμα που χρειάζεστε χρησιμοποιώντας είτε το ποντίκι σας είτε εισάγοντας με μη αυτόματο τρόπο τιμές RGB.
✔ Αυτό το εργαλείο έχει σχεδιαστεί για οποιονδήποτε εργάζεται με χρώμα σε τακτική βάση και θέλει έναν απλό, ακριβή και αποτελεσματικό τρόπο μετατροπής τιμών rgb σε οπτική προεπισκόπηση χρώματος και καθαρό δεκαεξαδικό κώδικα.
✔ Το RGB color Finder έχει κατασκευαστεί με γνώμονα τη χρηστικότητα. Προσφέρει μια ομαλή, διαδραστική εμπειρία που σας βοηθά να εξερευνήσετε τα χρώματα οπτικά ή αριθμητικά, ανάλογα με τις προτιμήσεις σας. Είτε είστε σχεδιαστής που προτιμά να σύρετε ένα ρυθμιστικό για να βρείτε την τέλεια απόχρωση, είτε προγραμματιστής που χρειάζεται να πληκτρολογήσει ακριβείς τιμές RGB, αυτό το εργαλείο προσαρμόζεται στη ροή εργασίας σας.
✔ Η διεπαφή είναι καθαρή, με απόκριση και βελτιστοποιημένη τόσο για επιτραπέζιους όσο και για κινητές συσκευές, διασφαλίζοντας ότι μπορείτε να τη χρησιμοποιήσετε οπουδήποτε σας έρθει η έμπνευση.
✔ Ένα από τα πιο ισχυρά χαρακτηριστικά αυτού του εργαλείου είναι η δυνατότητα προσαρμογής του χρώματος χρησιμοποιώντας το ποντίκι σας. Με μια απλή κίνηση μεταφοράς, μπορείτε να εξερευνήσετε όλο το φάσμα των τιμών του κόκκινου, του πράσινου και του μπλε.
✔ Αυτή η οπτική προσέγγιση είναι ιδανική για χρήστες που θέλουν να πειραματιστούν με διαφορετικούς τόνους και συνδυασμούς χωρίς να χρειάζεται να γνωρίζουν εκ των προτέρων τις ακριβείς αριθμητικές τιμές. Καθώς μετακινείτε τα ρυθμιστικά, το εργαλείο ενημερώνει αμέσως το πλαίσιο προεπισκόπησης, δίνοντάς σας σχόλια σε πραγματικό χρόνο για το χρώμα που δημιουργείτε.
✔ Αυτό καθιστά απίστευτα εύκολο να τελειοποιήσετε τις αποχρώσεις, να συγκρίνετε παραλλαγές και να ανακαλύψετε νέες ιδέες χρωμάτων που ίσως δεν είχατε σκεφτεί.
✔ Για χρήστες που προτιμούν την ακρίβεια, το εργαλείο σάς επιτρέπει επίσης να εισάγετε μη αυτόματα τις τρεις τιμές RGB. Αυτό είναι ιδιαίτερα χρήσιμο για προγραμματιστές που εργάζονται με συγκεκριμένες παλέτες χρωμάτων, οδηγίες επωνυμίας ή στοιχεία διεπαφής χρήστη που απαιτούν ακριβή αντιστοίχιση χρωμάτων.
✔ Απλώς πληκτρολογήστε τις τιμές για το κόκκινο, το πράσινο και το μπλε και το εργαλείο θα εμφανίσει αμέσως το αντίστοιχο χρώμα μαζί με την δεκαεξαδική του αναπαράσταση. Αυτό το σύστημα διπλής εισαγωγής διασφαλίζει ότι το εργαλείο είναι αρκετά ευέλικτο ώστε να υποστηρίζει τόσο τη δημιουργική εξερεύνηση όσο και την τεχνική ακρίβεια.
✔ Ένα άλλο βασικό πλεονέκτημα αυτού του εργαλείου είναι η αυτόματη μετατροπή από RGB σε HEX. Πολλοί σχεδιαστές και προγραμματιστές αλλάζουν συχνά μεταξύ αυτών των δύο μορφών, ειδικά όταν εργάζονται με CSS, λογισμικό σχεδίασης ή ψηφιακή επωνυμία. Αντί να υπολογίζουμε με μη αυτόματο τρόπο τον δεκαεξαδικό κωδικό ή να αναζητούμε έναν εξωτερικό μετατροπέα, το εργαλείο μας κάνει τη δουλειά για εσάς αμέσως. Μόλις επιλέξετε ή εισαγάγετε τις τιμές RGB, ο κωδικός HEX εμφανίζεται με κεφαλαία, έτοιμος να αντιγραφεί και να χρησιμοποιηθεί στο έργο σας.
✔ Αυτό εξοικονομεί χρόνο, μειώνει τα σφάλματα και βελτιστοποιεί τη ροή εργασίας σας.
✔ Πέρα από τη βασική του λειτουργικότητα, το RGB color Finder είναι επίσης σχεδιασμένο να είναι εκπαιδευτικό. Για αρχάριους, παρέχει έναν απλό τρόπο κατανόησης του τρόπου με τον οποίο οι τιμές RGB συνδυάζονται για να δημιουργήσουν διαφορετικά χρώματα. Προσαρμόζοντας τα ρυθμιστικά ή εισάγοντας αριθμούς, οι χρήστες μπορούν να δουν πώς η αύξηση ή η μείωση κάθε στοιχείου επηρεάζει το τελικό αποτέλεσμα.
✔ Αυτό κάνει το εργαλείο μια εξαιρετική πηγή για μαθητές, χομπίστες και οποιονδήποτε μαθαίνει για την ψηφιακή θεωρία χρωμάτων.
✔ Το εργαλείο είναι επίσης ιδανικό για επαγγελματίες που χρειάζονται έναν αξιόπιστο επιλογέα χρωμάτων που λειτουργεί απευθείας στο πρόγραμμα περιήγησης χωρίς να απαιτείται εγκατάσταση ή πρόσθετα. Είτε φτιάχνετε έναν ιστότοπο, σχεδιάζετε μια διεπαφή χρήστη ή προετοιμάζετε μια ψηφιακή απεικόνιση, η γρήγορη πρόσβαση σε έναν ακριβή και διαισθητικό επιλογέα χρωμάτων μπορεί να επιταχύνει σημαντικά τη δημιουργική σας διαδικασία.
✔ Ο ελαφρύς σχεδιασμός εξασφαλίζει γρήγορους χρόνους φόρτωσης και η διεπαφή είναι βελτιστοποιημένη για ευκρίνεια και ευκολία στη χρήση.
Σε έναν κόσμο όπου η οπτική ταυτότητα έχει μεγαλύτερη σημασία από ποτέ, είναι απαραίτητο να έχετε τα κατάλληλα εργαλεία για τη διαχείριση του χρώματος. Το RGB Color Finder μας συνδυάζει την απλότητα, την ακρίβεια και την ευελιξία σε μια ενιαία, φιλική προς το χρήστη διεπαφή. Είτε εξερευνάτε χρώματα με το ποντίκι σας είτε εισάγετε ακριβείς τιμές RGB, αυτό το εργαλείο σας προσφέρει όλα όσα χρειάζεστε για να βρείτε την τέλεια απόχρωση και να τη μετατρέψετε αμέσως σε έναν χρησιμοποιήσιμο κωδικό HEX.
Είναι γρήγορο, ακριβές και σχεδιασμένο για να υποστηρίζει τόσο τη δημιουργικότητα όσο και την τεχνική εργασία.
Αφήστε ένα σχόλιο ή μια ερώτηση παρακάτω |
Χρησιμοποιούμε cookies για να σας βοηθήσουμε να περιηγηθείτε αποτελεσματικά και να εκτελέσετε ορισμένες λειτουργίες. Θα βρείτε αναλυτικές πληροφορίες για όλα τα cookies σε κάθε κατηγορία συναίνεσης παρακάτω. Τα cookies που κατηγοριοποιούνται ως «Απαραίτητα» αποθηκεύονται στο πρόγραμμα περιήγησής σας, καθώς είναι ουσιώδη για τη βασική λειτουργικότητα του ιστότοπου.
Χρησιμοποιούμε επίσης cookies τρίτων που μας βοηθούν να αναλύουμε πώς χρησιμοποιείτε τον ιστότοπο, να αποθηκεύουμε τις προτιμήσεις σας,
και να παρέχουμε περιεχόμενο και διαφημίσεις σχετικές με εσάς. Αυτά τα cookies θα αποθηκευτούν μόνο
με τη συγκατάθεσή σας.
Μπορείτε να επιλέξετε να ενεργοποιήσετε ή να απενεργοποιήσετε ορισμένα ή όλα αυτά τα cookies, αλλά η απενεργοποίηση ορισμένων μπορεί να επηρεάσει την εμπειρία περιήγησής σας.
Κάνοντας κλικ στο «Αποδοχή», συναινείτε στη χρήση cookies όπως περιγράφεται στην
Πολιτική Απορρήτου.
