Κάθε μορφή χρώματος περιγράφει το ίδιο πράγμα με άλλη «γλώσσα»: HEX για stylesheets, RGB για οθόνες και κώδικα, HSL για τη δημιουργία παλετών, CMYK για εκτύπωση. Επίλεξε τη μετατροπή που χρειάζεσαι και πάρε την ακριβή τιμή, ζωντανή προεπισκόπηση και τον τύπο που την υπολογίζει.
Οι τέσσερις μορφές χρώματος
Τι είναι το HEX;
Κωδικός HEX είναι ένας εξαψήφιος δεκαεξαδικός αριθμός που αποθηκεύει τα κανάλια κόκκινου, πράσινου και μπλε πίσω από ένα προεξέχον #. Κάθε ζεύγος ψηφίων καλύπτει ένα κανάλι, από 00 (καθόλου) έως FF (πλήρες), δίνοντας τα ίδια 16,7 εκατομμύρια χρώματα με το RGB αλλά σε πιο σύντομη σημειογραφία. Το HEX είναι το προεπιλεγμένο σε CSS, εργαλεία σχεδίασης και οδηγίες εταιρικής ταυτότητας.
- Σύνταξη:
- #RRGGBB
- Καλύτερο για:
- CSS, παράδοση σχεδίου, οδηγίες εταιρικής ταυτότητας
Τι είναι το RGB;
Το RGB περιγράφει ένα χρώμα ως τρία κανάλια φωτός — κόκκινο, πράσινο και μπλε — το καθένα από 0 έως 255. Αυτό αντικατοπτρίζει τον τρόπο που λειτουργούν οι οθόνες: όλα τα τρία στο 255 δίνουν λευκό, όλα στο 0 δίνουν μαύρο. Το RGB είναι η σωστή επιλογή όποτε χρειάζεται να υπολογίσεις με ένα χρώμα, και το rgba() προσθέτει διαφάνεια.
- Σύνταξη:
- rgb(R, G, B)
- Καλύτερο για:
- κώδικας, canvas, διαφάνεια με rgba()
Τι είναι το HSL;
Το HSL χωρίζει ένα χρώμα σε hue (0–360° στον χρωματικό τροχό), saturation (πόσο χρωματικό, 0–100%) και lightness (πόσο φωτεινό, 0–100%). Επειδή κάθε μέρος αντιστοιχεί στον τρόπο που οι άνθρωποι περιγράφουν το χρώμα, το HSL είναι η πιο εύκολη μορφή για να φτιάχνεις τόνους, σκιές και συνεπείς παλέτες — χειροκίνητα ή σε κώδικα.
- Σύνταξη:
- hsl(H, S%, L%)
- Καλύτερο για:
- παλέτες, τόνους και σκιές, θεματισμός
Τι είναι το CMYK;
Το CMYK είναι το μοντέλο τεσσάρων μελανιών που χρησιμοποιείται στην εκτύπωση: cyan, magenta, yellow και key (μαύρο), το καθένα ως ποσοστό από 0 έως 100. Το μελάνι αφαιρεί φως αντί να το εκπέμπει, γι' αυτό το CMYK καλύπτει λιγότερα χρώματα από μια οθόνη — και για αυτό τα φωτεινά χρώματα στην οθόνη συχνά φαίνονται πιο θαμπά όταν τυπώνονται.
- Σύνταξη:
- cmyk(C%, M%, Y%, K%)
- Καλύτερο για:
- εκτύπωση, συσκευασία, αρχεία έτοιμα για τύπωμα