HEX έως HWB Μετατροπέας μορφής χρώματος

Δέκα μορφές: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK και Display P3. Οποιαδήποτε από αυτές μπορεί να είναι η μορφή προέλευσης ή προορισμού, προσφέροντας 90 κατευθύνσεις μετατροπής. Τα αποτελέσματα χρησιμοποιούν τη σύγχρονη σύνταξη CSS Color 4, όπως rgb(255 136 0) ή oklch(0.7442 0.1812 56.46).

Εισαγάγετε την πλήρη σημειογραφία CSS της μορφής προέλευσης, όπως hsl(32 100% 50%) ή color(display-p3 1 0.5 0), ή μόνο τους αριθμούς της, όπως 32, 100%, 50%, με επιλεγμένο το HSL. Οι δεκαεξαδικοί κωδικοί λειτουργούν με ή χωρίς το #, σε μορφή 3, 4, 6 ή 8 ψηφίων. Η τιμή πρέπει να αντιστοιχεί στην επιλεγμένη μορφή προέλευσης, επομένως μια τιμή rgb() σε σελίδα HSL απορρίπτεται αντί να μετατραπεί κατά λάθος.

Το culori δεν διαθέτει λειτουργία CMYK, επομένως ο μετατροπέας χρησιμοποιεί τον τυπικό απλοϊκό τύπο σε τιμές sRGB από 0 έως 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), και αντίστοιχα για M και Y. Η αντίστροφη κατεύθυνση είναι R = (1 - C) x (1 - K) και ούτω καθεξής. Δεν πρόκειται για μετατροπή με προφίλ ICC, επομένως δεν θα ταιριάζει με την έξοδο συγκεκριμένου πιεστηρίου ή χαρτιού· χρησιμοποιήστε την για προσεγγίσεις στην οθόνη και πρόχειρες προδιαγραφές.

Χρησιμοποιήστε cmyk(0%, 47%, 100%, 0%), μορφή με συσκευή-cmyk(0 0.47 1 0) ή τέσσερις γυμνούς αριθμούς. Οι τιμές με σύμβολο ποσοστού είναι ποσοστά· οι τιμές χωρίς μονάδα διαβάζονται ως κλάσματα από 0 έως 1, εκτός αν κάποια είναι μεγαλύτερη από 1, οπότε όλες διαβάζονται ως ποσοστά. Έτσι, τα 0, 47, 100, 0 λειτουργούν όπως αναμένεται. Η έξοδος CMYK γράφεται πάντα ως ποσοστά με έως δύο δεκαδικά ψηφία.

Τα Lab, LCH, OKLab, OKLCH και Display P3 μπορούν να περιγράψουν χρώματα που δεν μπορεί να εμφανίσει το sRGB. Όταν η μορφή προορισμού είναι HEX, RGB, HSL, HWB ή CMYK, που όλες βασίζονται στο sRGB, ή Display P3, ένα χρώμα εκτός γκάμας αντιστοιχίζεται με τον αλγόριθμο CSS Color 4, ο οποίος μειώνει τον χρωματισμό OKLCH μέχρι να χωρέσει το χρώμα, και το αποτέλεσμα συνοδεύεται από σχετική σημείωση. Οι μορφές Lab, LCH, OKLab και OKLCH δεν έχουν όρια και δεν εφαρμόζεται ποτέ αντιστοίχιση.

Ναι, για κάθε μορφή προορισμού εκτός από CMYK. Μια τιμή alpha στην είσοδο, όπως rgb(255 136 0 / 50%) ή #ff880080, γράφεται ως / 0.5 μέσα σε συναρτήσεις CSS και ως δεκαεξαδικός κωδικός 8 ψηφίων. Το CMYK δεν διαθέτει κανάλι alpha, οπότε εκεί η τιμή alpha αφαιρείται.

Τα κανάλια RGB στρογγυλοποιούνται σε ακέραιους από 0 έως 255· τα ποσοστά HSL, HWB και CMYK και οι τιμές Lab και LCH σε δύο δεκαδικά ψηφία· οι τιμές OKLab, η φωτεινότητα και ο χρωματισμός OKLCH και τα κανάλια Display P3 σε τέσσερα δεκαδικά ψηφία· οι αποχρώσεις σε δύο δεκαδικά ψηφία. Όλοι οι υπολογισμοί γίνονται με πλήρη ακρίβεια διπλής κινητής υποδιαστολής πριν από τη στρογγυλοποίηση, επομένως οι διαδοχικές μετατροπές παραμένουν εντός των ορίων στρογγυλοποίησης της αρχικής τιμής.

Τα CIELAB και CIE LCH χρησιμοποιούν λευκό σημείο D50, ακριβώς όπως τα ορίζουν οι συναρτήσεις CSS lab() και lch(), με προσαρμογή Bradford από το λευκό D65 του sRGB. Η φωτεινότητα κυμαίνεται από 0 έως 100. Τα OKLab και OKLCH είναι οι αντιληπτικοί χρωματικοί χώροι του Bjorn Ottosson που χρησιμοποιούνται από τα CSS oklab() και oklch(), με φωτεινότητα από 0 έως 1.

Η φόρμα της σελίδας μετατρέπει ένα χρώμα κάθε φορά. Οι πελάτες που καλούν απευθείας το εργαλείο μπορούν να στείλουν έως 100 χρώματα, ένα ανά γραμμή, και να λάβουν μία μετατρεμμένη τιμή ανά γραμμή, με την ίδια σειρά. Κάθε χρώμα μπορεί να έχει μήκος έως 100 χαρακτήρες.

Τα ουδέτερα χρώματα δεν έχουν απόχρωση, την οποία το CSS μπορεί να γράψει ως none. Ο μετατροπέας γράφει 0, ώστε η τιμή να λειτουργεί και σε εργαλεία που δεν δέχονται το none. Η απόχρωση δεν έχει ορατή επίδραση όταν ο κορεσμός ή ο χρωματισμός είναι μηδενικός.