Το RGB είναι προσθετικό και φτιαγμένο από φως, το CMYK είναι αφαιρετικό και φτιαγμένο από μελάνι. Η μετατροπή ανάμεσά τους είναι το βήμα που κάνει κάθε σχεδιασμός οθόνης πριν τυπωθεί.
Πώς λειτουργεί η μετατροπή από RGB σε CMYK
- Κανονικοποίησε τα κανάλια: διαίρεσε R, G και B επί 255.
- Πάρε το μεγαλύτερο κανονικοποιημένο κανάλι και υπολόγισε το key K = 1 − max.
- Βγάλε το cyan, magenta και yellow αφαιρώντας το μερίδιο του μαύρου: C = (1 − R − K) / (1 − K), και ούτω καθεξής.
- Μετέτρεψε και τις τέσσερις τιμές σε ποσοστά μεταξύ 0 και 100.
Παράδειγμα εφαρμογής
Είναι μαθηματική προσέγγιση χωρίς προφίλ χρώματος. Τα τυπογραφεία χρησιμοποιούν ICC προφίλ και όρια μελανιών, οπότε αυτοί οι αριθμοί είναι ένα αξιόπιστο σημείο αναφοράς, όχι έτοιμη για μηχανές διαχωριστική βάση.
RGB και CMYK εξηγούνται
Τι είναι το RGB;
Το RGB περιγράφει ένα χρώμα ως τρία κανάλια φωτός — κόκκινο, πράσινο και μπλε — το καθένα από 0 έως 255. Αυτό αντικατοπτρίζει τον τρόπο που λειτουργούν οι οθόνες: όλα τα τρία στο 255 δίνουν λευκό, όλα στο 0 δίνουν μαύρο. Το RGB είναι η σωστή επιλογή όποτε χρειάζεται να υπολογίσεις με ένα χρώμα, και το rgba() προσθέτει διαφάνεια.
- Σύνταξη:
- rgb(R, G, B)
- Πεδίο:
- 0–255 ανά κανάλι
- Καλύτερο για:
- κώδικας, canvas, διαφάνεια με rgba()
Τι είναι το CMYK;
Το CMYK είναι το μοντέλο τεσσάρων μελανιών που χρησιμοποιείται στην εκτύπωση: cyan, magenta, yellow και key (μαύρο), το καθένα ως ποσοστό από 0 έως 100. Το μελάνι αφαιρεί φως αντί να το εκπέμπει, γι' αυτό το CMYK καλύπτει λιγότερα χρώματα από μια οθόνη — και για αυτό τα φωτεινά χρώματα στην οθόνη συχνά φαίνονται πιο θαμπά όταν τυπώνονται.
- Σύνταξη:
- cmyk(C%, M%, Y%, K%)
- Πεδίο:
- 0–100% ανά μελάνι
- Καλύτερο για:
- εκτύπωση, συσκευασία, αρχεία έτοιμα για τύπωμα
Πίνακας αναφοράς RGB σε CMYK
Οι πιο κοινές CSS αποχρώσεις, μετατρεπόμενες από RGB σε CMYK.
| Χρώμα | RGB | CMYK |
|---|---|---|
| black | rgb(0, 0, 0) | cmyk(0%, 0%, 0%, 100%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 100%, 100%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(100%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(100%, 100%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(0%, 0%, 100%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 35%, 100%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(100%, 0%, 0%, 50%) |
| purple | rgb(128, 0, 128) | cmyk(0%, 100%, 0%, 50%) |
| gray | rgb(128, 128, 128) | cmyk(0%, 0%, 0%, 50%) |