Μετατροπέας Χρωμάτων — HEX, RGB, HSL

Μετατροπή Χρωμάτων Μεταξύ HEX, RGB και HSL

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

Πληκτρολογήστε ή επικολλήστε μια τιμή χρώματος σε οποιαδήποτε υποστηριζόμενη μορφή. Ο μετατροπέας ανιχνεύει αυτόματα αν εισαγάγατε κωδικό HEX, τιμή RGB ή τιμή HSL και εμφανίζει αμέσως και τις τρεις αναπαραστάσεις.

Υποστηριζόμενες Μορφές Χρωμάτων

• HEX — π.χ. #3B82F6 ή #f00 (συντομογραφία)
• RGB — π.χ. rgb(59, 130, 246)
• HSL — π.χ. hsl(217, 91%, 60%)

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

Πώς να Χρησιμοποιήσετε τον Μετατροπέα Χρωμάτων

1. Εισαγάγετε μια τιμή χρώματος στο πεδίο εισαγωγής — HEX, RGB ή HSL
2. Η μορφή ανιχνεύεται αυτόματα
3. Δείτε τις μετατρεπόμενες τιμές για όλες τις τρεις μορφές κάτω από την εισαγωγή
4. Κάντε κλικ στο κουμπί αντιγραφής δίπλα σε οποιαδήποτε μορφή για να την αντιγράψετε στο πρόχειρο

Συνηθισμένες Περιπτώσεις Χρήσης Μετατροπής

• Μετατροπή κωδικού HEX από αρχείο σχεδίασης σε RGB για CSS
• Απόκτηση της έκδοσης HSL ενός χρώματος για ρύθμιση φωτεινότητας ή κορεσμού
• Μετάφραση τιμών RGB από επεξεργαστή εικόνων σε HEX για HTML
• Γρήγορη επαλήθευση ότι δύο τιμές χρωμάτων σε διαφορετικές μορφές αντιπροσωπεύουν το ίδιο χρώμα

Πότε να Χρησιμοποιήσετε HEX ή RGB ή HSL

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

Δεν υπάρχει μία βέλτιστη μορφή. Χρησιμοποιήστε όποια απαιτεί η ροή εργασίας σας — και όταν χρειαστεί να μεταβείτε μεταξύ τους, αυτός ο μετατροπέας το κάνει άμεσα. Αν χρειάζεστε πρώτα να εξάγετε χρώμα από εικόνα, δοκιμάστε τον Επιλογέα Χρώματος από Εικόνα. Μπορείτε επίσης να ελέγξετε τα χρώματά σας για προσβασιμότητα με τον Έλεγχο Αντίθεσης ή να δημιουργήσετε αρμονική παλέτα από οποιοδήποτε χρώμα με τη Γεννήτρια Παλέτας.

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

Πώς μετατρέπω HEX σε RGB;

Επικολλήστε τον κωδικό HEX (π.χ. #3B82F6) στο πεδίο εισαγωγής. Το ισοδύναμο RGB εμφανίζεται αμέσως παρακάτω.

Πώς μετατρέπω RGB σε HEX;

Εισαγάγετε την τιμή RGB στη μορφή rgb(59, 130, 246). Ο κωδικός HEX θα εμφανιστεί μαζί με την τιμή HSL.

Τι είναι το HSL;

Το HSL σημαίνει Χροιά (Hue), Κορεσμός (Saturation) και Φωτεινότητα (Lightness). Περιγράφει τα χρώματα με τρόπο πιο διαισθητικό για τους ανθρώπους — μπορείτε εύκολα να αλλάξετε πόσο φωτεινό ή ζωηρό είναι ένα χρώμα χωρίς να επηρεάσετε τη βασική του χροιά.

Υποστηρίζει αυτό το εργαλείο κωδικούς HEX σε συντομογραφία;

Ναι. Μπορείτε να εισαγάγετε κωδικούς συντομογραφίας όπως #f00 ή #abc, οι οποίοι θα επεκταθούν και θα μετατραπούν σωστά.

Είναι δωρεάν αυτός ο μετατροπέας;

Ναι. Το ColourPicker.app είναι δωρεάν στη χρήση, χωρίς απαίτηση εγγραφής.

Λειτουργεί αυτό το εργαλείο σε κινητές συσκευές;

Ναι. Ο μετατροπέας χρωμάτων λειτουργεί σε οποιαδήποτε συσκευή με σύγχρονο περιηγητή — επιτραπέζιο, tablet ή τηλέφωνο.