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