Μίκτης χρωμάτων
Αναμείξτε δύο χρώματα σε οποιαδήποτε αναλογία σε OKLab, OKLCH ή sRGB. Αντιγράψτε το αποτέλεσμα ή μια έτοιμη έκφραση color-mix().
- HEX
- RGB
- OKLCH
CSS με εναλλακτική
color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);Βήματα από το πρώτο στο δεύτερο
Η ίδια ανάμειξη σε κάθε χώρο
Το sRGB γκριζάρει και σκουραίνει στη μέση. Το OKLab κρατά ομοιόμορφη τη φωτεινότητα. Τα OKLCH και HSL διατηρούν τον κορεσμό, αλλά κάνουν διαδρομή γύρω από τον χρωματικό κύκλο.
Ερωτήσεις και απαντήσεις
Τι είναι η color-mix() στο CSS;
Η color-mix() είναι μια συνάρτηση CSS που αναμειγνύει δύο χρώματα στον χρωματικό χώρο που επιλέγετε, για παράδειγμα color-mix(in oklab, #ff5733, #3b82f6 30%). Λειτουργεί σε όλα τα σύγχρονα προγράμματα περιήγησης. Για τα παλαιότερα, βάλτε πριν από αυτήν ένα απλό χρώμα ως εναλλακτική, όπως στον κώδικα παραπάνω.
Σε ποιον χρωματικό χώρο να κάνω την ανάμειξη;
Το OKLab είναι η πιο ασφαλής προεπιλογή: η μέση κρατά τη λαμπρότητά της και δεν θολώνει. Το OKLCH κρατά τα χρώματα κορεσμένα, αλλά ακολουθεί τη συντομότερη διαδρομή γύρω από τον χρωματικό κύκλο, οπότε το κόκκινο με το μπλε περνούν από μωβ και ροζ. Το sRGB είναι ο τρόπος των παλιών εργαλείων, και η μέση του συχνά δείχνει γκρι και σκούρα.
Γιατί η ανάμειξη φωτός διαφέρει από την ανάμειξη μπογιάς;
Οι οθόνες προσθέτουν φως, γι’ αυτό αυτό το εργαλείο υπολογίζει τον μέσο όρο των τιμών φωτός: μπλε και κίτρινο δίνουν γκρι ή ένα ξεθωριασμένο χρώμα, όχι πράσινο. Η μπογιά αφαιρεί φως, γι’ αυτό η ίδια ανάμειξη στο χαρτί βγαίνει πράσινη. Για να προβλέψετε την ανάμειξη μπογιάς, χρειάζεστε ένα μοντέλο ανάμειξης χρωμάτων ζωγραφικής και όχι έναν χρωματικό χώρο οθόνης.