फ़ंक्शन 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,
जो रंगों को उलट देती है