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

csscontrast(amount)

Mfano

Viwango tofauti vya ukokoto kwa rangi ya bluu:

html<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>

css.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