Utilia

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

Μετατρέψτε οποιοδήποτε χρώμα μεταξύ HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH και OKLCH. Επικολλήστε έναν κωδικό, δείτε το χρώμα και αντιγράψτε κάθε μορφή.

Παραδείγματα:

Μετατροπές

Το CMYK είναι απλή μετατροπή χωρίς προφίλ ICC. Για εργασίες εκτύπωσης ζητήστε από τον εκτυπωτή σας μετατροπή με βάση προφίλ.

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

  1. Πληκτρολογήστε ή επικολλήστε ένα χρώμα στο πεδίο Είσοδος. Η μορφή αναγνωρίζεται αυτόματα: #FF6347, FF6347, rgb(255 99 71), 255, 99, 71, hsl(9 100% 64%), hsv(9, 72%, 100%), cmyk(0, 61, 72, 0), lab(63% 59 48), oklch(70% 0.2 32) ή ένα όνομα όπως tomato.
  2. Οι μετατροπές εμφανίζονται καθώς πληκτρολογείτε. Μπορείτε επίσης να πατήσετε Enter ή Μετατροπή.
  3. Ελέγξτε το δείγμα χρώματος: δείχνει το χρώμα και την Αναγνωρισμένη μορφή, ώστε να ξέρετε πώς διαβάστηκε η είσοδός σας.
  4. Πατήστε Αντιγραφή δίπλα στη μορφή που χρειάζεστε. Χρησιμοποιήστε τα κουμπιά των παραδειγμάτων για να δοκιμάσετε συνηθισμένες εισόδους.

Η μετατροπή γίνεται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας.

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

Μορφή Παράδειγμα Τυπική χρήση
HEX #FF6347 HTML, CSS, εργαλεία σχεδίασης
RGB rgb(255, 99, 71) CSS, κώδικας, επεξεργαστές εικόνας
HSL hsl(9, 100%, 64%) CSS, ρύθμιση φωτεινότητας
HSV / HSB hsv(9, 72%, 100%) Photoshop, Figma, επιλογείς χρώματος
HWB hwb(9 28% 0%) CSS Color 4
CMYK cmyk(0%, 61%, 72%, 0%) εκτύπωση (δείτε τη σημείωση παρακάτω)
LAB (D50) lab(62.99% 59.36 47.88) CSS lab(), επιστήμη του χρώματος
LCH lch(62.99% 76.27 38.89) CSS lch()
OKLCH oklch(69.62% 0.1955 32.32) σύγχρονο CSS, συστήματα σχεδίασης

Οι έξοδοι HEX, RGB, HSL, HWB, LAB, LCH και OKLCH είναι έγκυρο CSS που μπορείτε να επικολλήσετε απευθείας σε ένα φύλλο στυλ. Τα HSV και CMYK δεν είναι σημειογραφίες CSS, οπότε γράφονται με τη συμβατική μορφή συνάρτησης για ανάγνωση.

Αν η είσοδός σας έχει διαφάνεια (για παράδειγμα rgb(255 0 0 / 50%)), ο μετατροπέας τη διατηρεί: το HEX γίνεται οκταψήφιος κωδικός όπως #FF000080 και οι άλλες μορφές παίρνουν τιμή άλφα.

Πώς λειτουργούν οι μετατροπές

Τα RGB, HEX, HSL, HSV και HWB είναι διαφορετικοί τρόποι γραφής των ίδιων τιμών sRGB, οπότε μετατρέπονται με ακρίβεια (έως τη στρογγυλοποίηση). Τα LAB και LCH ακολουθούν τον ορισμό του CSS Color 4, που χρησιμοποιεί το λευκό σημείο D50 με χρωματική προσαρμογή Bradford. Ορισμένοι διαδικτυακοί μετατροπείς χρησιμοποιούν αντί γι’ αυτό το D65, οπότε οι τιμές LAB τους μπορεί να διαφέρουν κατά λίγες μονάδες για το ίδιο χρώμα. Το OKLCH χρησιμοποιεί το μοντέλο Oklab του Björn Ottosson, το ίδιο που χρησιμοποιούν τα προγράμματα περιήγησης για το oklch().

Όταν εισάγετε ένα χρώμα LAB, LCH ή OKLCH που είναι υπερβολικά κορεσμένο για μια κανονική οθόνη, βρίσκεται εκτός της γκάμας sRGB και δεν έχει αντίστοιχο HEX. Το εργαλείο εμφανίζει τότε ένα μήνυμα και το αντιστοιχίζει στο πλησιέστερο χρώμα που μπορεί να εμφανιστεί, μειώνοντας τον κορεσμό (chroma) και διατηρώντας τη φωτεινότητα και την απόχρωση.

Το CMYK είναι προσέγγιση

Οι τιμές CMYK χρησιμοποιούν τον απλό τύπο K = 1 − max(R, G, B) και C = (1 − R − K) / (1 − K), με τον ίδιο τρόπο για τα M και Y. Δεν εμπλέκεται προφίλ ICC, επομένως οι αριθμοί δεν προβλέπουν τι θα τυπώσει ένα συγκεκριμένο πιεστήριο. Για επαγγελματική εκτύπωση, μετατρέψτε στο λογισμικό σελιδοποίησης με το προφίλ που σας δίνει ο εκτυπωτής σας (για παράδειγμα FOGRA39 ή GRACoL). Η μετατροπή από CMYK σε RGB χρησιμοποιεί τον αντίστροφο τύπο, R = (1 − C)(1 − K).

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

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

Χωρίστε τον κωδικό σε τρία ζεύγη και μετατρέψτε καθένα από το δεκαεξαδικό στο δεκαδικό σύστημα. Για το #FF6347: FF = 255, 63 = 99, 47 = 71, άρα το χρώμα είναι rgb(255, 99, 71).

Ποια η διαφορά μεταξύ HSL και HSV;

Και τα δύο χρησιμοποιούν γωνία απόχρωσης και κορεσμό, όμως η τρίτη τιμή του HSL είναι η φωτεινότητα (το 50% είναι το καθαρό χρώμα, το 100% είναι λευκό), ενώ του HSV είναι η τιμή ή φωτεινότητα (brightness) (το 100% είναι το καθαρό χρώμα ή λευκό, ανάλογα με τον κορεσμό). Το ίδιο χρώμα έχει επομένως διαφορετικούς αριθμούς κορεσμού σε κάθε μοντέλο.

Γιατί η τιμή LAB διαφέρει από άλλον μετατροπέα;

Πιθανότατα λόγω του λευκού σημείου. Αυτό το εργαλείο χρησιμοποιεί D50, όπως το CSS lab(). Οι μετατροπείς με βάση το D65 δίνουν ελαφρώς διαφορετικούς αριθμούς. Και οι δύο είναι σωστοί στο δικό τους πλαίσιο αναφοράς.

Μπορώ να μετατρέψω CMYK σε HEX;

Ναι. Πληκτρολογήστε κάτι σαν cmyk(0%, 61%, 72%, 0%) ή cmyk(0, 0.61, 0.72, 0). Να έχετε υπόψη ότι το αποτέλεσμα είναι προσέγγιση χωρίς προφίλ χρώματος.

Δέχεται χρώματα χωρίς το σύμβολο #;

Ναι. Αναγνωρίζονται τα ff6347, f64 ακόμη και τρεις αριθμοί χωρισμένοι με κόμματα, όπως 255, 99, 71.