ფუნქცია contrast

ფუნქცია contrast გამოიყენება ფერის კონტრასტის კორექტირებისთვის. ის ზრდის ან ამცირებს სხვაობას ფერის ყველაზე ღია და მუქ ნაწილებს შორის, რაც მას უფრო ექსპრესიულს ან, პირიქით, უფრო ნაკლებად გამოხატულს ხდის. მნიშვნელობა 100% ფერს უცვლელად ტოვებს. 100%-ზე ნაკლები მნიშვნელობები ამცირებს კონტრასტს, ხოლო 100%-ზე მეტი - ზრდის. 0% მნიშვნელობა ქმნის სრულიად ნაცრისფერ ფერს.

სინტაქსი

contrast(amount)

მაგალითი

ლურჯი ფერის კონტრასტის სხვადასხვა დონეები:

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

იხილეთ აგრეთვე

ფუნქცია brightness,
რომელიც არეგულირებს ფერის სიკაშკაშეს
ფუნქცია invert,
რომელიც აბრუნებს ფერებს