ফাংশন 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,
যা রঙ উল্টিয়ে দেয়