Συνάρτηση oklab() της 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