Χρειάζεται να δείξεις ένα τυπωμένο χρώμα στην οθόνη; Η μετατροπή CMYK σε RGB σου δίνει το αντίστοιχο με βάση το φως των ποσοστών μελανιού — τις τιμές που μπορεί πραγματικά να εμφανίσει μια οθόνη, ένα mockup ή μια σελίδα web.
Πώς λειτουργεί η μετατροπή από CMYK σε RGB
- Μετέτρεψε τα τέσσερα ποσοστά σε κλάσματα μεταξύ 0 και 1.
- Εφάρμοσε πρώτα το key component: κάθε κανάλι κλιμακώνεται με (1 − K).
- Υπολόγισε R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) και B = 255 × (1 − Y) × (1 − K).
- Στρόγγυλε κάθε κανάλι σε ακέραιο μεταξύ 0 και 255.
Παράδειγμα εφαρμογής
Προσέγγιση. Μια οθόνη μπορεί να δείξει περισσότερα χρώματα απ’ όσα μπορεί να παράξει το μελάνι, οπότε το αποτέλεσμα RGB συνήθως φαίνεται φωτεινότερο και πιο κορεσμένο από το τυπωμένο κομμάτι.
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(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |