matokeo ya kwanza

Makala ya Tafutufu ya CSS

muatiko wa CSS

Kuondoka

Mambo ya msingi:

Kikaa ya W3C.com

Funguo ya oklab() ya CSS

Nyuma zaidi Fani la mod() katika CSS
Pya zaidi Fani la oklch() katika CSS
Retunza kwa ukubwa wa juu Makala ya Tafutufu ya Matukio ya CSS

Kuchazia na kutumia

CSS ya oklab() Funguo inayotumia kusema rangi katika kipaa cha rangi OKLAB. Kipaa hiki cha rangi kinataki kusimulia uaminifu wa mkamati wa haki ya kina kwa rangi.

Mfano

Kichwa chaguo cha oklab() Mwili:

#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%);}

Tafakari na kumaliza

Inayotumiwa kwa thamani za kina-vya-programu

oklab(L a b / A)

Thamani	Inasemekana
L	Inayotakiwa. Inaamua uharibika wa kina-vya-programu wa rangi, inaweza kuwa namba kati ya 0 na 1 au nafasi ya namba kati ya 0% na 100%. 0 (au 0%) inaangalia rangi ya kijani, 1 (au 100%) inaangalia rangi ya kichwa. Inaweza kutumia None (ingawa inaangalia 0%).
a	Inayotakiwa. Inaamua namba kati ya -0.4 na 0.4 au nafasi ya namba kati ya -100% na 100%. Inaamua ukurabu wa rangi kwa msaada wa a, inaangalia uharibika wa rangi ya kichwa na kijani. -0.4 inaangalia rangi ya kijani, 0.4 inaangalia rangi ya kichwa. Inaweza kutumia none (ingawa inaangalia 0%).
b	Inayotakiwa. Inaamua namba kati ya -0.4 na 0.4 au nafasi ya namba kati ya -100% na 100%. Inaamua ukurabu wa rangi kwa msaada wa b, inaangalia uharibika wa rangi ya kijani na kichwa. -0.4 inaangalia rangi ya kijani, 0.4 inaangalia rangi ya kichwa. Inaweza kutumia none (ingawa inaangalia 0%).
/ A	Inayowezekana. Inaonyesha thamani ya ukichwa wa rangi, 0% (au 0) inaangalia ukimwenda wakati wa kutosha, 100% (au 100) inaangalia ukimwenda wakati wa kina-vya-programu. Inaweza kutumia none (inaangalia ukimwenda wakati wa kutosha). Msingi bora ni 100%.

Inayotumiwa kwa thamani za kina-vya-programu

oklab(from color L a b / A)

Thamani	Inasemekana
from color	Inaanza na neno from, inafuatwa na thamani ya rangi ya kigeni Hii ni rangi ya kigeni ambayo inatumiwa kwa rangi za kina-vya-programu
L	Inayotakiwa. Inaamua uharibika wa kina-vya-programu wa rangi, inaweza kuwa namba kati ya 0 na 1 au nafasi ya namba kati ya 0% na 100%. 0 (au 0%) inaangalia rangi ya kijani, 1 (au 100%) inaangalia rangi ya kichwa. Inaweza kutumia none (ingawa inaangalia 0%).
a	Inayotakiwa. Inaamua namba kati ya -0.4 na 0.4 au nafasi ya namba kati ya -100% na 100%. Inaamua ukurabu wa rangi kwa msaada wa a, inaangalia uharibika wa rangi ya kichwa na kijani. -0.4 inaangalia rangi ya kijani, 0.4 inaangalia rangi ya kichwa. Inaweza kutumia none (ingawa inaangalia 0%).
b	Inayotakiwa. Inaamua namba kati ya -0.4 na 0.4 au nafasi ya namba kati ya -100% na 100%. Inaamua ukurabu wa rangi kwa msaada wa b, inaangalia uharibika wa rangi ya kijani na kichwa. -0.4 inaangalia rangi ya kijani, 0.4 inaangalia rangi ya kichwa. Inaweza kutumia none (ingawa inaangalia 0%).
/ A	Inayowezekana. Inaonyesha thamani ya ukichwa wa rangi, 0% (au 0) inaangalia ukimwenda wakati wa kutosha, 100% (au 100) inaangalia ukimwenda wakati wa kina-vya-programu. Inaweza kutumia none (inaangalia ukimwenda wakati wa kutosha). Msingi bora ni 100%.