Μετατροπή κωδικών χρωμάτων

Μετατροπή κωδικών χρωμάτων (Μετατροπέας χρωμάτων)

Όταν καθορίζετε ένα χρώμα χρησιμοποιώντας το εργαλείο επιλογής χρωμάτων ή μια αριθμητική τιμή, το σύστημα υπολογίζει αυτόματα τις τιμές HEX, RGB, HSL, HSV και CMYK. Μπορείτε να αντιγράψετε κάθε μορφή με ένα μόνο κλικ και να ελέγξετε τον λόγο αντίθεσης με συμπληρωματικά χρώματα και χρώματα κειμένου.

Εισάγετε ένα χρώμα

Υποστηρίζει τις μορφές #RGB, #RGBA, #RRGGBB και #RRGGBBAA.

%
%

%
%

%
%
%
%

Αποτέλεσμα μετάφρασης

Τα χρώματα που έχουν εισαχθεί έχουν μετατραπεί σε κάθε μορφή χρώματος.

Δείγμα κειμένου
HEX
HEXA (με διαφάνεια)
RGB
RGBA
HSL
HSLA
HSV / HSB
CMYK

Συμπληρωματικά χρώματα

Αυτό είναι το αντίθετο χρώμα, μετατοπισμένο κατά 180 μοίρες στον χρωματικό κύκλο.

Αντίθεση με το χρώμα του κειμένου

Αναλογία προς λευκό κείμενο
Αναλογία προς μαύρο κείμενο
Χρώμα κειμένου που διαβάζεται εύκολα:

Όλες οι μετατροπές χρωμάτων πραγματοποιούνται εντός του προγράμματος περιήγησης· τα δεδομένα εισόδου δεν αποστέλλονται στον διακομιστή.

Τι είναι ένα εργαλείο μετατροπής κωδικών χρωμάτων;

Το Color Code Converter είναι ένα δωρεάν διαδικτυακό εργαλείο που μετατρέπει τις αριθμητικές αναπαραστάσεις χρωμάτων που χρησιμοποιούνται στον σχεδιασμό ιστοσελίδων, την ανάπτυξη εφαρμογών, την επεξεργασία εικόνων και τον σχεδιασμό εκτυπώσεων. Ακόμη και για το ίδιο χρώμα, αυτό καθορίζεται σε διαφορετικές μορφές — όπως HEX, RGB, HSL, HSV και CMYK — ανάλογα με την εφαρμογή ή το λογισμικό. Με αυτό το εργαλείο, μπορείτε να δείτε τις τιμές για όλες τις κύριες μορφές με μια ματιά, απλά εισάγοντας ένα μόνο χρώμα.

Το HEX είναι μια δεκαεξαδική σημειογραφία που χρησιμοποιείται ευρέως στο CSS των ιστοσελίδων. Για παράδειγμα, το λευκό αναπαρίσταται ως #FFFFFF και το μαύρο ως #000000. Το RGB είναι ένα σύστημα που συνδυάζει το κόκκινο, το πράσινο και το μπλε φως σε μια κλίμακα από 0 έως 255 και χρησιμοποιείται για τη διαχείριση των χρωμάτων στις οθόνες. Τα RGBA και το 8-ψήφιο HEXA σας επιτρέπουν επίσης να καθορίσετε την αδιαφάνεια, καθιστώντας τα χρήσιμα για τη δημιουργία ημιδιαφανών χρωμάτων φόντου και επικαλύψεων.

Το HSL αναπαριστά το χρώμα χρησιμοποιώντας την απόχρωση, τον κορεσμό και τη φωτεινότητα. Η απόχρωση καθορίζεται σε έναν χρωματικό κύκλο που κυμαίνεται από 0 έως 360 μοίρες, ενώ ο κορεσμός και η φωτεινότητα καθορίζονται σε μια κλίμακα από 0 έως 100%.Αυτή η μορφή διευκολύνει την διαισθητική ρύθμιση των χρωμάτων, όπως το να τα κάνετε ελαφρώς πιο φωτεινά ή να μειώσετε την έντασή τους. Τα συστήματα HSV ή HSB αναπαριστούν το χρώμα χρησιμοποιώντας την απόχρωση, τον κορεσμό και τη φωτεινότητα, και χρησιμοποιούνται σε πολλά προγράμματα γραφικών και εργαλεία επιλογής χρωμάτων.

Το CMYK είναι ένα μοντέλο χρωμάτων που βασίζεται στις ποσότητες κυανού, ματζέντα, κίτρινου και μαύρου μελανιού και χρησιμοποιείται κυρίως στον κλάδο της εκτύπωσης. Ωστόσο, οι τιμές CMYK που υπολογίζονται μαθηματικά από τα χρώματα RGB στην οθόνη αποτελούν μόνο έναν γενικό οδηγό. Δεδομένου ότι τα πραγματικά αποτελέσματα εκτύπωσης εξαρτώνται από παράγοντες όπως το χαρτί, το μελάνι, το εκτυπωτικό μηχάνημα και τα προφίλ ICC, παρακαλούμε να επικοινωνήσετε με την εκτυπωτική σας εταιρεία και να επαληθεύσετε το περιβάλλον διαχείρισης χρωμάτων για έντυπα που απαιτούν χρωματική ακρίβεια.

Αυτό το εργαλείο εμφανίζει όχι μόνο τις τιμές για κάθε μορφή, αλλά και μια προεπισκόπηση του επιλεγμένου χρώματος, του συμπληρωματικού του χρώματος (με μετατόπιση 180 μοιρών στην απόχρωση) και του λόγου αντίθεσης όταν επικαλύπτονται λευκό και μαύρο κείμενο. Είναι χρήσιμο για την επιλογή χρωμάτων κειμένου που διαβάζονται εύκολα πάνω στο χρώμα του φόντου και για τον σχεδιασμό συνδυασμών χρωμάτων με γνώμονα την προσβασιμότητα.Όλοι οι υπολογισμοί πραγματοποιούνται εντός του προγράμματος περιήγησης και οι πληροφορίες χρώματος που εισάγετε δεν αποστέλλονται ποτέ στον διακομιστή.

Οδηγίες χρήσης

  1. Χρησιμοποιήστε το εργαλείο επιλογής χρωμάτων ή εισαγάγετε μια τιμή σε HEX, RGB, HSL, HSV ή CMYK.
  2. Ανάλογα με τη μορφή που εισάγετε, οι τιμές σε άλλες μορφές χρωμάτων θα ενημερωθούν αυτόματα.
  3. Εάν απαιτείται διαφάνεια, ρυθμίστε το ρυθμιστικό διαφάνειας ή το αριθμητικό πεδίο.
  4. Όταν κάνετε κλικ στην επιλογή «Εμφάνιση αποτελεσμάτων μετατροπής», θα μεταφερθείτε στην ενότητα αποτελεσμάτων, όπου μπορείτε να ελέγξετε κάθε μορφή, τα συμπληρωματικά χρώματα και τον λόγο αντίθεσης.
  5. Κάντε κλικ στο «Αντιγραφή» στην επιθυμητή μορφή και, στη συνέχεια, επικολλήστε το στο CSS, στα εργαλεία σχεδιασμού, στην τεκμηρίωση κ.λπ.

Προφυλάξεις κατά τη χρήση

  • Οι τιμές CMYK είναι γενικές μετατροπές που προέρχονται από το RGB και δεν εγγυώνται την ακριβή αναπαραγωγή των χρωμάτων στην εκτύπωση.
  • Η διαφάνεια αντικατοπτρίζεται στις τιμές RGB, HSL και HEXA, αλλά το CMYK δεν περιλαμβάνει την έννοια της διαφάνειας.
  • Ανάλογα με τις ρυθμίσεις της οθόνης, του προγράμματος περιήγησης και του λειτουργικού σας συστήματος, ο ίδιος κωδικός χρώματος ενδέχεται να εμφανίζεται διαφορετικά.
  • Ο λόγος αντίθεσης υπολογίζεται με βάση τα αδιαφανή χρώματα, εξαιρουμένης της διαφάνειας. Η αναγνωσιμότητα ενδέχεται να διαφέρει ανάλογα με την πραγματική εικόνα φόντου και τον τρόπο με τον οποίο τα στοιχεία αλληλεπικαλύπτονται.
  • Οι πολύ μικροί δεκαδικοί αριθμοί θα στρογγυλοποιούνται σε κατάλληλο αριθμό δεκαδικών ψηφίων για λόγους αναγνωσιμότητας.

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

Τα χρώματα αναγράφονται σε δεκαεξαδική μορφή. Συνήθως χρησιμοποιείται η μορφή #RRGGBB με 6 ψηφία· όταν περιλαμβάνεται διαφάνεια, χρησιμοποιείται η μορφή #RRGGBBAA με 8 ψηφία.

Το RGB αποτελείται από τρεις συνιστώσες — κόκκινο, πράσινο και μπλε — ενώ το RGBA προσθέτει ένα κανάλι άλφα για την αναπαράσταση της διαφάνειας.

Αυτό είναι χρήσιμο όταν θέλετε να ρυθμίσετε τη φωτεινότητα ή τον κορεσμό διατηρώντας την ίδια απόχρωση. Είναι επίσης κατάλληλο για τη δημιουργία χρωματικών παραλλαγών στο CSS.

Γενικά, αυτές αναφέρονται στο ίδιο μοντέλο. Το «V» σημαίνει «Value» (Τιμή) και το «B» σημαίνει «Brightness» (Φωτεινότητα), αν και η ορολογία μπορεί να διαφέρει ανάλογα με την εφαρμογή.

Εμφανίζει κατά προσέγγιση τιμές με βάση γενικούς τύπους. Για την επίτευξη ακριβών χρωμάτων εκτύπωσης απαιτούνται προφίλ ICC και συγκεκριμένο περιβάλλον εκτύπωσης.

Ναι. Εάν εισαγάγετε μια τιμή σε μορφή #RGB, αυτή θα μετατραπεί σε #RRGGBB, με κάθε ψηφίο να επαναλαμβάνεται δύο φορές.

Ναι. Υποστηρίζει τόσο εισόδους και εξόδους τύπου #RGBA όσο και #RRGGBBAA.

Αυτά είναι χρώματα που βρίσκονται σε αντίθετες πλευρές του χρωματικού κύκλου. Αυτό το εργαλείο τα υπολογίζει μετατοπίζοντας την απόχρωση HSL κατά 180 μοίρες.

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

Συγκρίνετε τις αναλογίες αντίθεσης στην ενότητα των αποτελεσμάτων· επιλέγοντας εκείνη με την υψηλότερη αναλογία θα βελτιωθεί η αναγνωσιμότητα.

Όχι. Η μετατροπή και η εμφάνιση πραγματοποιούνται εξ ολοκλήρου εντός του προγράμματος περιήγησης· οι τιμές χρωμάτων δεν αποστέλλονται στον διακομιστή για επεξεργασία.

Ναι. Μπορείτε να μετατρέψετε τις τιμές χρησιμοποιώντας το εργαλείο επιλογής χρωμάτων ή τα πεδία εισαγωγής αριθμητικών τιμών σε υποστηριζόμενους περιηγητές.