CSS color() fungo

Mifano na matumizi

Maadili ya CSS color() Fungo huzingatia rangi katika rangi ya kilele kama iliyotambuliwa.

Mfano

Mfano 1

Tumia rangi ya mgumu katika rangi ya kilele ya display-p3 (ina uangalifu wa 0.3):

div {
  padding: 15px;
  border: 2px solid black;
  background-color: color(display-p3 0.6 0.6 0 / .3);
}

Jifunze kufanya kwa uwanja wa mimi

Mfano 2

Tumia maadili ya thamani ya kina:

div {
  padding: 15px;
  border: 2px solid black;
  background-color: color(from blue srgb r g b / 0.4);
}

Jifunze kufanya kwa uwanja wa mimi

Maadili ya CSS

Maadili ya thamani ya kina

color(colorspace c1 c2 c3 / A)
Thamani Muhtasari
colorspace

Inahitajika. Inadefini rangi ya kilele ya rangi kama iliyotambuliwa:

  • srgb
  • srgb-linear
  • display-p3
  • a98-rgb
  • prophoto-rgb
  • rec2020
  • xyz
  • xyz-d50
  • xyz-d65
c1 c2 c3

Inahitajika. Inaonyesha thamani ya kilele cha rangi.

Hakika inaweza kuitwa kwa thamani ya adhimisi (0 hadi 1), namba ya nafasi (0% hadi 100%) au kichwa cha jina none.
/ A

Inahitajika. Inaonyesha thamani ya uangalifu wa rangi ya kidhani (0 inaonyesha uangalifu wa kidhani kwa kiasi kikubwa, 100 inaonyesha uangalifu wa kidhani kwa kiasi kidogo).

Inaweza kutumia none (inaonyesha uangalifu wa kichwa cha kidhani).

Chaguo cha kawaida ni 100.

Maadili ya uangalifu wa thamani wa kina

color(from color colorspace c1 c2 c3 / A)
Thamani Muhtasari
from color

Inaanza na kichwa cha jina from, ikifuatia thamani ya rangi ya asili.

Hii ni rangi ya asili inayobuniwa kwa rangi za kina.
colorspace

Inahitajika. Inadefini rangi ya kilele ya rangi kama iliyotambuliwa:

  • srgb
  • srgb-linear
  • display-p3
  • a98-rgb
  • prophoto-rgb
  • rec2020
  • xyz
  • xyz-d50
  • xyz-d65
c1 c2 c3

Inahitajika. Inaonyesha thamani ya kilele cha rangi.

Hakika inaweza kuitwa kwa thamani ya adhimisi (0 hadi 1), namba ya nafasi (0% hadi 100%) au kichwa cha jina none.
/ A

Inahitajika. Inaonyesha thamani ya uangalifu wa rangi ya kidhani (0 inaonyesha uangalifu wa kidhani kwa kiasi kikubwa, 100 inaonyesha uangalifu wa kidhani kwa kiasi kidogo).

Inaweza kutumia none (inaonyesha uangalifu wa kichwa cha kidhani).

Chaguo cha kawaida ni 100.

Mafanikio ya teknolojia

Jina la tofauti: CSS Color Module Level 5

Muhimu wa browseri

Mafaniko ya数字 katika tablica inaonyesha na browseri ya kwanza inayosakinisha hifadhi hiyo fungo.

Chrome Edge Firefox Safari Opera
111 111 113 15 97

Viungo vya vitendo

Tunakusoma:Makoa ya CSS