Συνάρτηση oklab() της CSS
- Προηγούμενη σελίδα Συνάρτηση mod() CSS
- Επόμενη σελίδα Συνάρτηση oklch() CSS
- Επιστροφή στο προηγούμενο επίπεδο Εγχειρίδιο Αναφοράς Λειτουργιών CSS
Ορισμός και χρήση
Ορισμός και χρήση της CSS oklab()
Η συνάρτηση χρησιμοποιείται για να καθορίσει χρώματα στον χώρο χρωμάτων OKLAB. Ο χώρος χρωμάτων αυτός σκοπεύει να μιμηθεί τον τρόπο που η ανθρώπινη όραση αντιλαμβάνεται τα χρώματα.
παραδείγματα
Ορισμός διαφορετικών oklab()
Χρώμα:
#p1 {background-color:oklab(0 40% 20% / 0.5);} #p2 {background-color:oklab(0.3 -40% -20%);} #p3 {background-color:oklab(0.4 30% -20% / 20%);} #p4 {background-color:oklab(0.5 60% 20%);} #p5 {background-color:oklab(0.6 50% -10%);} #p6 {background-color:oklab(0.7 70% -80% / 0.3);} #p7 {background-color:oklab(0.8 70% 20% / 0.5);} #p8 {background-color:oklab(0.9 80% -20%);} #p9 {background-color:oklab(1 90% -100%);}
Γλώσσα CSS
Γλώσσα αμετάβλητης τιμής
oklab(L a b / A)
Τιμή | Περιγραφή |
---|---|
L |
Απαιτείται. Ορίζει την αίσθηση της λαμπρότητας του χρώματος, μπορεί να είναι αριθμός από 0 έως 1 ή ποσοστό από 0% έως 100%. 0 (ή 0%) αντιπροσωπεύει το μαύρο, 1 (ή 100%) αντιπροσωπεύει το λευκό. Μπορεί επίσης να χρησιμοποιηθεί None (το ίδιο με το 0%). |
a |
Απαιτείται. Ορίζει αριθμό ή ποσοστό από -0.4 έως 0.4 ή από -100% έως 100%. Ορίζει τη απόσταση του χρώματος κατά το άξονα a, που δείχνει το βαθμό της κόκκινης-πράσινης επίστασης του χρώματος. -0.4 αντιπροσωπεύει το πράσινο, 0.4 αντιπροσωπεύει το κόκκινο. Μπορεί επίσης να χρησιμοποιηθεί none (το ίδιο με το 0%). |
b |
Απαιτείται. Ορίζει αριθμό ή ποσοστό από -0.4 έως 0.4 ή από -100% έως 100%. Ορίζει τη απόσταση του χρώματος κατά το άξονα b, που δείχνει το βαθμό της κίτρινης-μπλε επίστασης του χρώματος. -0.4 αντιπροσωπεύει το μπλε, 0.4 αντιπροσωπεύει το κίτρινο. Μπορεί επίσης να χρησιμοποιηθεί none (το ίδιο με το 0%). |
/ A |
Οプτιονικό. Προσδιορίζει την τιμή της διαφάνειας του χρώματος (0% ή 0 για πλήρη διαφάνεια, 100% ή 100 για πλήρη αδιαφάνεια). Μπορεί επίσης να χρησιμοποιηθεί none (προσδιορίζει την αδιαφάνεια του καναλιού). Η προεπιλεγμένη τιμή είναι 100%. |
Γλώσσα σχετικής τιμής
oklab(from χρώμα L a b / A)
Τιμή | Περιγραφή |
---|---|
from χρώμα |
Ξεκινά με το κλειδί from, ακολουθούμενη από την τιμή χρώματος που αντιπροσωπεύει το αρχικό χρώμα. Αυτό είναι το αρχικό χρώμα που βασίζεται το σχετικό χρώμα. |
L |
Απαιτείται. Ορίζει την αίσθηση της λαμπρότητας του χρώματος, μπορεί να είναι αριθμός από 0 έως 1 ή ποσοστό από 0% έως 100%. 0 (ή 0%) αντιπροσωπεύει το μαύρο, 1 (ή 100%) αντιπροσωπεύει το λευκό. Μπορεί επίσης να χρησιμοποιηθεί none (το ίδιο με το 0%). |
a |
Απαιτείται. Ορίζει αριθμό ή ποσοστό από -0.4 έως 0.4 ή από -100% έως 100%. Ορίζει τη απόσταση του χρώματος κατά το άξονα a, που δείχνει το βαθμό της κόκκινης-πράσινης επίστασης του χρώματος. -0.4 αντιπροσωπεύει το πράσινο, 0.4 αντιπροσωπεύει το κόκκινο. Μπορεί επίσης να χρησιμοποιηθεί none (το ίδιο με το 0%). |
b |
Απαιτείται. Ορίζει αριθμό ή ποσοστό από -0.4 έως 0.4 ή από -100% έως 100%. Ορίζει τη απόσταση του χρώματος κατά το άξονα b, που δείχνει το βαθμό της κίτρινης-μπλε επίστασης του χρώματος. -0.4 αντιπροσωπεύει το μπλε, 0.4 αντιπροσωπεύει το κίτρινο. Μπορεί επίσης να χρησιμοποιηθεί none (το ίδιο με το 0%). |
/ A |
Οプτιονικό. Προσδιορίζει την τιμή της διαφάνειας του χρώματος (0% ή 0 για πλήρη διαφάνεια, 100% ή 100 για πλήρη αδιαφάνεια). Μπορεί επίσης να χρησιμοποιηθεί none (προσδιορίζει την αδιαφάνεια του καναλιού). Η προεπιλεγμένη τιμή είναι 100%. |
Τεχνικές λεπτομέρειες
Έκδοση: | CSS Color Module Level 4 |
---|
Υποστήριξη των προγραμμάτων περιήγησης
Τα αριθμήματα στη τаблицή αντιπροσωπεύουν την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει αυτή τη συνάρτηση.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
oklab() | ||||
111 | 111 | 113 | 15.4 | 97 |
Αναμείξη αριθμών και ποσοστών στα παραμέτρους | ||||
116 | 116 | 113 | 16.2 | 102 |
Σχετικές σελίδες
Αναφορά:Χρώματα CSS
Αναφορά:Η συνάρτηση hsl() CSS
Αναφορά:Συνάρτηση hwb() CSS
Αναφορά:Συνάρτηση lch() CSS
Αναφορά:Συνάρτηση lab() CSS
Αναφορά:Συνάρτηση oklch() CSS
- Προηγούμενη σελίδα Συνάρτηση mod() CSS
- Επόμενη σελίδα Συνάρτηση oklch() CSS
- Επιστροφή στο προηγούμενο επίπεδο Εγχειρίδιο Αναφοράς Λειτουργιών CSS