Οι οθόνες αναμειγνύουν φως, οι εκτυπωτές μελάνι — οπότε ένας HEX κωδικός πρέπει να μεταφραστεί πριν πάει στο τύπωμα. Αυτός ο μετατροπέας σου δίνει τα ποσοστά cyan, magenta, yellow και key που ταιριάζουν όσο πιο κοντά μπορεί το μελάνι στο web χρώμα σου.
Πώς λειτουργεί η μετατροπή από HEX σε CMYK
- Μετατρέψτε τον HEX σε RGB και διαιρέστε κάθε κανάλι με 255.
- Υπολόγισε το στοιχείο key (μαύρο): K = 1 − max(R, G, B).
- Πρόσφερε τα υπόλοιπα μελάνια αφαιρώντας αυτό το ποσοστό μαύρου: C = (1 − R − K) / (1 − K), και ίδιους τύπους για magenta και yellow.
- Πολλαπλασίασε όλες τις τέσσερις τιμές με 100 για να πάρεις ποσοστά. Το καθαρό μαύρο αντιστοιχεί σε 0/0/0/100.
Παράδειγμα εφαρμογής
Πρόκειται για προσέγγιση ανεξάρτητη από συσκευή. Η πραγματική εκτύπωση εξαρτάται από το χαρτί, το μελάνι και το ICC profile, οπότε χρησιμοποίησε το αποτέλεσμα σαν αφετηρία και πάντα έλεγχε proof για κρίσιμα brand χρώματα.
HEX και CMYK εξηγούνται
Τι είναι το HEX;
Κωδικός HEX είναι ένας εξαψήφιος δεκαεξαδικός αριθμός που αποθηκεύει τα κανάλια κόκκινου, πράσινου και μπλε πίσω από ένα προεξέχον #. Κάθε ζεύγος ψηφίων καλύπτει ένα κανάλι, από 00 (καθόλου) έως FF (πλήρες), δίνοντας τα ίδια 16,7 εκατομμύρια χρώματα με το RGB αλλά σε πιο σύντομη σημειογραφία. Το HEX είναι το προεπιλεγμένο σε CSS, εργαλεία σχεδίασης και οδηγίες εταιρικής ταυτότητας.
- Σύνταξη:
- #RRGGBB
- Πεδίο:
- 00–FF ανά κανάλι
- Καλύτερο για:
- CSS, παράδοση σχεδίου, οδηγίες εταιρικής ταυτότητας
Τι είναι το CMYK;
Το CMYK είναι το μοντέλο τεσσάρων μελανιών που χρησιμοποιείται στην εκτύπωση: cyan, magenta, yellow και key (μαύρο), το καθένα ως ποσοστό από 0 έως 100. Το μελάνι αφαιρεί φως αντί να το εκπέμπει, γι' αυτό το CMYK καλύπτει λιγότερα χρώματα από μια οθόνη — και για αυτό τα φωτεινά χρώματα στην οθόνη συχνά φαίνονται πιο θαμπά όταν τυπώνονται.
- Σύνταξη:
- cmyk(C%, M%, Y%, K%)
- Πεδίο:
- 0–100% ανά μελάνι
- Καλύτερο για:
- εκτύπωση, συσκευασία, αρχεία έτοιμα για τύπωμα
Πίνακας αναφοράς HEX σε CMYK
Οι πιο κοινές CSS αποχρώσεις, μετατρεπόμενες από HEX σε CMYK.
| Χρώμα | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |