Kazi contrast
Kazi contrast inatumika kurekebisha ukokoto wa rangi.
Huongeza au kupunguza tofauti kati sehemu za mwanga zaidi na zenye giza zaidi za rangi,
na kuifanya iwe yenye kusisimua zaidi au kinyume chake, iwe nyororo zaidi.
Thamani 100% huiacha rangi bila kubadilika.
Thamani chini ya 100% hupunguza ukokoto, thamani zaidi ya 100% - huongeza.
Thamani 0% huunda rangi ya kijivu kabisa.
Kioweko
contrast(amount)
Mfano
Viwango tofauti vya ukokoto kwa rangi ya bluu:
<div class="box contrast-50">50% contrast</div>
<div class="box contrast-100">100% contrast</div>
<div class="box contrast-150">150% contrast</div>
<div class="box contrast-200">200% contrast</div>
.box {
width: 100px;
height: 100px;
margin: 10px;
display: inline-block;
color: white;
text-align: center;
line-height: 100px;
}
.contrast-50 {
background: contrast(#3498db, 50%);
}
.contrast-100 {
background: contrast(#3498db, 100%);
}
.contrast-150 {
background: contrast(#3498db, 150%);
}
.contrast-200 {
background: contrast(#3498db, 200%);
}
:
Angalia pia
-
kazi
brightness,
ayoshe mwangaza wa rangi -
kazii
invert,
abadilisha rangi