# Αναμεικτής Χρωμάτων

Αναμείξτε δύο χρώματα σε επιλεγμένο χρωματικό χώρο και σε οποιαδήποτε αναλογία, όπως κάνει το CSS color-mix(). Εισαγάγετε δύο χρώματα σε οποιαδήποτε μορφή CSS, ορίστε το ποσοστό του δεύτερου χρώματος από 0 έως 100 τοις εκατό και επιλέξτε OKLab, OKLCH, Lab, LCH, sRGB, linear sRGB, Display P3, HSL, HWB ή XYZ. Το αποτέλεσμα περιλαμβάνει HEX, RGB, HSL και OKLCH, καθώς και μια έτοιμη έκφραση color-mix() για το φύλλο στυλ σας.

## Συχνές ερωτήσεις

### Πώς λειτουργεί η ποσότητα;

Η ποσότητα είναι το ποσοστό του Χρώματος 2 στο μείγμα. Το 0% επιστρέφει το Χρώμα 1, το 100% επιστρέφει το Χρώμα 2 και το 50% βρίσκεται στη μέση μεταξύ τους στον επιλεγμένο χώρο. Αντιστοιχεί στο color-mix(in space, color1 (100 - p)%, color2 p%).

### Ποιον χρωματικό χώρο πρέπει να επιλέξω;

Το OKLab, η προεπιλογή, είναι αντιληπτικά ομοιόμορφο και αποφεύγει τα λασπώδη ή σκούρα ενδιάμεσα χρώματα. Το sRGB αναμειγνύει τα κανάλια με κωδικοποίηση γάμμα, όπως τα παλαιότερα προγράμματα περιήγησης και το Sass, με αποτέλεσμα τα μείγματα κορεσμένων χρωμάτων να είναι πιο σκούρα και θαμπά. Το Lab είναι ο παλαιότερος αντιληπτικός χώρος CIE και συμπεριφέρεται παρόμοια με το OKLab, με λιγότερο ομοιόμορφα μπλε.

### Τι κάνουν οι χώροι που βασίζονται στην απόχρωση;

Τα OKLCH, LCH, HSL και HWB παρεμβάλλουν την απόχρωση ακολουθώντας το συντομότερο τόξο του χρωματικού τροχού, την προεπιλογή CSS, ώστε το ενδιάμεσο χρώμα να διατηρεί τον κορεσμό του και να είναι πιο ζωντανό από οποιοδήποτε χρώμα εισόδου. Όταν ένα χρώμα είναι ουδέτερο γκρι χωρίς απόχρωση, χρησιμοποιείται η απόχρωση του άλλου χρώματος.

### Σε τι χρησιμεύουν τα linear sRGB και XYZ;

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

### Πώς γίνεται ο χειρισμός της διαφάνειας;

Όπως το CSS color-mix(), ο αναμεικτής παρεμβάλλει με προπολλαπλασιασμένη άλφα, ώστε ένα διαφανές χρώμα να μην ωθεί το μείγμα προς το μαύρο. Η ίδια η άλφα παρεμβάλλεται με την ίδια αναλογία και εμφανίζεται σε δεκαεξαδικό κωδικό 8 ψηφίων και μετά την κάθετο στις συναρτήσεις CSS.

### Ποιες μορφές εισόδου μπορώ να χρησιμοποιήσω;

Κωδικοί Hex με ή χωρίς #, CSS ονόματα χρωμάτων, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() χρωματικοί χώροι όπως display-p3, cmyk() και 100, με έως χαρακτήρες.

### Τι συμβαίνει όταν το αποτέλεσμα είναι εκτός του sRGB;

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

### Πώς χρησιμοποιώ την έκφραση color-mix();

Επικολλήστε την σε οποιαδήποτε ιδιότητα CSS δέχεται χρώμα. Αναγνωρίζει τις εισόδους από τον δεκαεξαδικό κωδικό τους ή από το oklch() για εισόδους ευρείας γκάμας, ώστε το πρόγραμμα περιήγησης να υπολογίσει ξανά το ίδιο μείγμα. Το color-mix() λειτουργεί σε όλες τις τρέχουσες εκδόσεις των Chrome, Edge, Firefox και Safari.

### Πόσο ακριβές είναι το αποτέλεσμα;

Η ποσότητα είναι ακέραιο ποσοστό και ο υπολογισμός του μείγματος γίνεται με πλήρη ακρίβεια μέσω της βιβλιοθήκης culori. Τα κανάλια RGB στρογγυλοποιούνται σε ακέραιους αριθμούς, τα ποσοστά HSL σε δύο δεκαδικά ψηφία, ενώ η φωτεινότητα και η χρωματικότητα OKLCH σε τέσσερα, οπότε τα προγράμματα περιήγησης ενδέχεται να διαφέρουν κατά μία μονάδα στο τελευταίο ψηφίο.

### Πώς δημιουργώ πολλά ενδιάμεσα βήματα μεταξύ δύο χρωμάτων;

Εκτελέστε την ανάμειξη με διαφορετικές ποσότητες, όπως 25%, 50% και 75%. Για πλήρη κλίμακα προς το λευκό, το μαύρο ή το γκρι, οι Δημιουργοί Φωτεινότητας, Σκίασης και Τόνων Χρωμάτων παράγουν όλα τα βήματα σε έναν πίνακα.

Η διαφήμισή σας εδώ;

[Στείλτε μας email](mailto:hi@dennn.is?subject=%CE%94%CE%B9%CE%B1%CF%86%CE%AE%CE%BC%CE%B9%CF%83%CE%B7%20%CF%83%CF%84%CE%BF%20OneClick%20Pro)

[Διαφήμιση Η σουίτα πρόσθετων έτοιμη για πράκτορες του WordPress.](https://sleekwp.com/?ref=oneclickpro)