Χρειάζεται να δείξεις ένα τυπωμένο χρώμα στην οθόνη; Η μετατροπή CMYK σε RGB σου δίνει το αντίστοιχο με βάση το φως των ποσοστών μελανιού — τις τιμές που μπορεί πραγματικά να εμφανίσει μια οθόνη, ένα mockup ή μια σελίδα web.
Πώς λειτουργεί η μετατροπή από CMYK σε RGB
- Πάρε τα τέσσερα ποσοστά CMYK ως ποσότητες μελανιού για το προφίλ Coated FOGRA39.
- Διάβασε το χρώμα που εκτυπώνει το προφίλ για αυτόν τον συνδυασμό μελανιών, με τη σχετική χρωματομετρική απόδοση και αντιστάθμιση μαύρου σημείου.
- Μετέτρεψε αυτό το χρώμα σε sRGB. Χρώματα που η οθόνη δεν μπορεί να δείξει περικόπτονται στην πλησιέστερη τιμή που μπορεί να δείξει.
- Στρόγγυλε κάθε κανάλι σε ακέραιο μεταξύ 0 και 255.
Παράδειγμα εφαρμογής
Η τιμή RGB δείχνει πώς φαίνεται αυτός ο συνδυασμός μελανιών σε επιστρωμένο χαρτί με το τυπικό προφίλ Coated FOGRA39. Άλλα προφίλ CMYK (για παράδειγμα από το τυπογραφείο σου) δίνουν διαφορετικούς αριθμούς, και ένα εκτυπωμένο έντυπο δεν λάμπει ποτέ όπως η οθόνη.
CMYK και RGB εξηγούνται
Τι είναι το CMYK;
Το CMYK είναι το μοντέλο τεσσάρων μελανιών που χρησιμοποιείται στην εκτύπωση: cyan, magenta, yellow και key (μαύρο), το καθένα ως ποσοστό από 0 έως 100. Το μελάνι αφαιρεί φως αντί να το εκπέμπει, γι' αυτό το CMYK καλύπτει λιγότερα χρώματα από μια οθόνη — και για αυτό τα φωτεινά χρώματα στην οθόνη συχνά φαίνονται πιο θαμπά όταν τυπώνονται.
- Σύνταξη:
- cmyk(C%, M%, Y%, K%)
- Πεδίο:
- 0–100% ανά μελάνι
- Καλύτερο για:
- εκτύπωση, συσκευασία, αρχεία έτοιμα για τύπωμα
Τι είναι το RGB;
Το RGB περιγράφει ένα χρώμα ως τρία κανάλια φωτός — κόκκινο, πράσινο και μπλε — το καθένα από 0 έως 255. Αυτό αντικατοπτρίζει τον τρόπο που λειτουργούν οι οθόνες: όλα τα τρία στο 255 δίνουν λευκό, όλα στο 0 δίνουν μαύρο. Το RGB είναι η σωστή επιλογή όποτε χρειάζεται να υπολογίσεις με ένα χρώμα, και το rgba() προσθέτει διαφάνεια.
- Σύνταξη:
- rgb(R, G, B)
- Πεδίο:
- 0–255 ανά κανάλι
- Καλύτερο για:
- κώδικας, canvas, διαφάνεια με rgba()
Πίνακας αναφοράς CMYK σε RGB
Οι πιο κοινές CSS αποχρώσεις, μετατρεπόμενες από CMYK σε RGB.
| Χρώμα | CMYK | RGB |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | rgb(1, 1, 1) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 95%, 92%, 0%) | rgb(229, 36, 32) |
| lime | cmyk(64%, 0%, 100%, 0%) | rgb(105, 180, 45) |
| blue | cmyk(93%, 75%, 0%, 0%) | rgb(44, 74, 154) |
| yellow | cmyk(9%, 0%, 96%, 0%) | rgb(244, 230, 0) |
| orange | cmyk(0%, 43%, 94%, 0%) | rgb(246, 162, 22) |
| teal | cmyk(83%, 27%, 48%, 12%) | rgb(9, 129, 128) |
| purple | cmyk(63%, 100%, 4%, 1%) | rgb(125, 33, 126) |
| gray | cmyk(48%, 39%, 39%, 21%) | rgb(129, 128, 127) |