Color Converter | Free Edu & .COM Temporary Mails
← Όλα τα εργαλεία / Color Converter

🎨 Μετατροπέας χρωμάτων

Μετατροπή χρωμάτων μεταξύ μορφών HEX, RGB και HSL. Κάντε κλικ στον επιλογέα χρώματος ή πληκτρολογήστε οποιαδήποτε τιμή.

Τι είναι ένας μετατροπέας χρώματος;

Ένας μετατροπέας χρώματος μεταφράζει τις τιμές χρωμάτων μεταξύ των διαφορετικών μορφών που χρησιμοποιούνται στη σχεδίαση ιστού, τη γραφιστική και την παραγωγή εκτύπωσης. Οι τρεις πιο κοινές μορφές χρωμάτων ιστού είναι HEX (π.χ. #3498db), RGB (π.χ. rgb(52, 152, 219)) και HSL (π.χ. hsl(204, 70%, 53%)). Κάθε ένα αντιπροσωπεύει το ίδιο χρώμα αλλά με διαφορετική σημείωση που προτιμούν διαφορετικά εργαλεία, γλώσσες και ροές εργασίας.

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

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

  1. Κάντε κλικ στο επιλογέας χρώματος για να επιλέξετε οπτικά οποιοδήποτε χρώμα — όλα τα πεδία ενημερώνονται αυτόματα.
  2. Ή πληκτρολογήστε a ΓΟΗΤΕΥΩ τιμή (π.χ. #ff6600) και κάντε κλικ στην επιλογή Μετατροπή.
  3. Ή πληκτρολογήστε an RGB τιμή (π.χ. rgb(255, 102, 0)) και κάντε κλικ στην επιλογή Μετατροπή.
  4. Ή πληκτρολογήστε an HSL τιμή (π.χ. hsl(24, 100%, 50%)) και κάντε κλικ στην επιλογή Μετατροπή.
  5. Κάντε κλικ στο εικονίδιο αντιγραφής δίπλα σε οποιοδήποτε πεδίο για να αντιγράψετε αυτήν τη μορφή στο πρόχειρό σας.

Γιατί να χρησιμοποιήσετε τον μετατροπέα χρωμάτων μας;

  • 100% Δωρεάν — Μετατρέψτε απεριόριστα χρώματα χωρίς κόστος.
  • Χωρίς εγγραφή — Άμεση πρόσβαση χωρίς δημιουργία λογαριασμού.
  • Βασισμένο σε πρόγραμμα περιήγησης — Εκτελείται από την πλευρά του πελάτη χωρίς να αποστέλλονται δεδομένα σε διακομιστές.
  • Ζωντανή προεπισκόπηση — Δείτε το πραγματικό χρώμα καθώς πληκτρολογείτε ή επιλέγετε.
  • Μεταβλητή έξοδος CSS — Δημιουργεί μια έτοιμη προς χρήση συμβολοσειρά προσαρμοσμένης ιδιότητας CSS.

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

Το HEX (#rrggbb) είναι μια συμπαγής δεκαεξαδική αναπαράσταση που χρησιμοποιείται ευρέως σε CSS και HTML. Το RGB (κόκκινο, πράσινο, μπλε) εκφράζει κάθε κανάλι ως ακέραιο αριθμό 0–255, καθιστώντας εύκολη τη μίξη καναλιών μέσω προγραμματισμού. Το HSL (απόχρωση, κορεσμός, ελαφρότητα) είναι το πιο διαισθητικό για τον άνθρωπο — ρυθμίζετε τη γωνία απόχρωσης (0–360°) και τα ποσοστά κορεσμού/ελαφρότητας για να έχετε προβλέψιμες χρωματικές παραλλαγές.

Χρησιμοποιήστε τις συναρτήσεις rgba() ή hsla() CSS, οι οποίες προσθέτουν ένα τέταρτο κανάλι άλφα (0 = πλήρως διαφανές, 1 = πλήρως αδιαφανές). Για παράδειγμα: το rgba(52, 152, 219, 0,5) είναι το ίδιο μπλε σε αδιαφάνεια 50%. Το HEX υποστηρίζει επίσης 8ψήφιο συμβολισμό με άλφα (π.χ. #3498dbcc) σε σύγχρονα προγράμματα περιήγησης.

Επειδή μπορείτε να διατηρήσετε την απόχρωση σταθερή και να διαφοροποιήσετε μόνο την ελαφρότητα και τον κορεσμό για να δημιουργήσετε αρμονικές αποχρώσεις. Για παράδειγμα, οι hsl(210, 70%, 30%), hsl(210, 70%, 50%) και hsl(210, 70%, 70%) είναι σκούρες, μεσαίες και ανοιχτόχρωμες παραλλαγές του ίδιου μπλε — ιδανικές για συστήματα σχεδίασης και μεταβλητές CSS.

Όχι απευθείας από ένα στιγμιότυπο οθόνης — αλλά μπορείτε να χρησιμοποιήσετε τον επιλογέα χρώματος του λειτουργικού σας συστήματος ή μια επέκταση προγράμματος περιήγησης για να δοκιμάσετε το χρώμα από οποιοδήποτε pixel στην οθόνη σας και, στη συνέχεια, να επικολλήσετε τον κώδικα HEX σε αυτό το εργαλείο για να λάβετε τα ισοδύναμα RGB και HSL.

Γρήγορα γεγονότα

  • ✓ 100% δωρεάν, χωρίς κρυφές χρεώσεις
  • ✓ Δεν απαιτείται λογαριασμός ή σύνδεση
  • ✓ Λειτουργεί σε οποιοδήποτε πρόγραμμα περιήγησης
  • ✓ Τα δεδομένα σας δεν φεύγουν ποτέ από τη συσκευή σας
  • ✓ Μετατρέπει HEX, RGB και HSL με ζωντανή προεπισκόπηση

Σχετικά Εργαλεία