Πώς να μετατρέψετε χρώματα μεταξύ HEX, RGB, HSL και άλλων μορφών
Μετατρέψτε ένα χρώμα μεταξύ HEX, RGB, HSL, CMYK και άλλων μορφών, δείτε ποιες μετατροπές είναι ακριβείς και μάθετε ποια μορφή να χρησιμοποιείτε ανάλογα με την περίπτωση.
3 λεπτά ανάγνωσης
Για να μετατρέψετε ένα χρώμα, επικολλήστε το στον μετατροπέα χρωμάτων. Επιλέξτε τη μορφή που χρειάζεστε στο πεδίο Στόχος και αντιγράψτε το αποτέλεσμα. Το εργαλείο εντοπίζει αυτόματα τη μορφή εισόδου, οπότε λειτουργούν οι τιμές #ff6600, rgb(255, 102, 0), orangered και ακόμη και 255, 102, 0. Το αποτέλεσμα εμφανίζεται καθώς πληκτρολογείτε. Μια χρωματική ένδειξη κάτω από το αποτέλεσμα δείχνει ότι το εργαλείο αναγνώρισε το σωστό χρώμα.
Το ίδιο χρώμα σε τέσσερις μορφές
Τα HEX, RGB, HSL και CMYK είναι διαφορετικοί τρόποι γραφής του ίδιου χρώματος. Δείτε ένα πορτοκαλί χρώμα και στις τέσσερις μορφές:
| Μορφή | Τιμή | Τι σημαίνουν οι αριθμοί |
|---|---|---|
| HEX | #ff6600 |
Κόκκινο, πράσινο και μπλε, με δύο δεκαεξαδικά ψηφία για το καθένα |
| RGB | rgb(255, 102, 0) |
Κόκκινο, πράσινο και μπλε, από 0 έως 255 |
| HSL | hsl(24, 100%, 50%) |
Απόχρωση στον χρωματικό κύκλο, κορεσμός, φωτεινότητα |
| CMYK | cmyk(0%, 60%, 100%, 0%) |
Κυανό, ματζέντα, κίτρινο και μαύρο μελάνι |
Τα HEX και RGB χρησιμοποιούν τους ίδιους τρεις αριθμούς, απλώς γραμμένους με διαφορετικό τρόπο. Η μετατροπή μεταξύ τους είναι ακριβής. Το HSL προσαρμόζεται ευκολότερα με το χέρι: αυξήστε την τιμή φωτεινότητας και το χρώμα γίνεται πιο ανοιχτό.
Γιατί το CMYK είναι διαφορετικό
Το CMYK χρησιμοποιείται για εκτυπώσεις και οι ακριβείς τιμές εξαρτώνται από τον εκτυπωτή, το χαρτί και το μελάνι. Ο μετατροπέας χρησιμοποιεί τον τυπικό τύπο χωρίς προφίλ εκτυπωτή, επομένως ένα τυπογραφείο μπορεί να σας δώσει ελαφρώς διαφορετικές τιμές για το ίδιο χρώμα. Χρησιμοποιήστε το αποτέλεσμα CMYK για μακέτες και ζητήστε από το τυπογραφείο μια δοκιμαστική εκτύπωση πριν από την κανονική εκτύπωση.
Ποια μορφή να χρησιμοποιήσετε
- CSS και HTML: χρησιμοποιήστε HEX. Είναι σύντομο και το αναγνωρίζουν όλα τα προγράμματα περιήγησης.
- Θέμα χρωμάτων: χρησιμοποιήστε HSL. Μπορείτε να δημιουργήσετε πιο ανοιχτές και πιο σκούρες αποχρώσεις αλλάζοντας έναν αριθμό.
- Διαφάνεια στον κώδικα: χρησιμοποιήστε RGB με τιμή alpha ή HEX οκτώ ψηφίων. Το
rgba(37, 99, 235, 0.5)γίνεται#2563eb80και τα δύο τελευταία ψηφία δηλώνουν την αδιαφάνεια. - Μακέτες εκτύπωσης: χρησιμοποιήστε CMYK και μην ξεχάσετε την παραπάνω σημείωση.
Τα ονόματα χρωμάτων δεν είναι ακριβή
Ο μετατροπέας υποστηρίζει 17 μορφές, συμπεριλαμβανομένων των OKLCH, LAB, HSV, των ονομάτων χρωμάτων CSS και των κωδικών ANSI τερματικού. Το αποτέλεσμα με όνομα χρώματος είναι το πλησιέστερο όνομα χρώματος CSS, όχι ακριβής αντιστοιχία. Η τιμή #ff6600 δίνει το orangered, αλλά το orangered είναι στην πραγματικότητα #ff4500. Χρησιμοποιήστε ονόματα για γρήγορες ετικέτες και ακριβείς τιμές για τα χρώματα της επωνυμίας σας.
Επικολλήστε το χρώμα, ελέγξτε τη χρωματική ένδειξη και αντιγράψτε το αποτέλεσμα. Αυτή είναι όλη η διαδικασία.
Έτοιμοι να το δοκιμάσετε;
Μετατροπέας χρώματος
Μετατρέψτε χρώματα μεταξύ HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, OKLab, OKLCH, XYZ, ονομάτων χρωμάτων CSS, κωδικών τερματικού ANSI και άλλων, με αυτόματο εντοπισμό μορφής και ζωντανή προεπισκόπηση.