कंट्रास्ट अंतरों को स्पष्ट करता है। यह आकार, रंग, वजन, आकृति या रिक्ति का कंट्रास्ट हो सकता है। छोटे बॉडी टेक्स्ट के बगल में एक बड़ी हेडलाइन कंट्रास्ट पैदा करती है। इसी तरह, एक ग्रे फॉर्म पर एक चमकीला लाल बटन भी कंट्रास्ट पैदा करता है। कंट्रास्ट के बिना, डिज़ाइन सपाट हो जाता है। सब कुछ एक समान प्रतिस्पर्धा करता है और कुछ भी अलग नहीं दिखता। बहुत अधिक कंट्रास्ट होने पर, पृष्ठ शोरगुल भरा हो जाता है और आंखों को आराम करने की जगह नहीं मिलती।

कॉन्ट्रास्ट सिर्फ़ देखने में अच्छा लगने वाला पहलू नहीं है। यह पठनीयता को भी प्रभावित करता है। पृष्ठभूमि के मुकाबले कम कॉन्ट्रास्ट वाला टेक्स्ट पढ़ना मुश्किल होता है, खासकर कमज़ोर नज़र वाले लोगों के लिए। वेब कंटेंट एक्सेसिबिलिटी गाइडलाइंस के अनुसार, सामान्य टेक्स्ट के लिए कॉन्ट्रास्ट अनुपात कम से कम 4.5 से 1 होना चाहिए। डिज़ाइनर चमक के अंतर की गणना करने वाले टूल का उपयोग करके इसकी जाँच करते हैं। तेज़ धूप और कम गुणवत्ता वाली स्क्रीन पर उच्च कॉन्ट्रास्ट मददगार होता है। कम कॉन्ट्रास्ट से माहौल बन सकता है, लेकिन यह सोच-समझकर लिया गया निर्णय होना चाहिए, न कि संयोगवश।

विपरीतता उत्पन्न करने के तरीके

• आकार: बड़ा बनाम छोटा।
• रंग: पूरक या गर्म बनाम ठंडा।
• वजन: बोल्ड बनाम लाइट।
• स्थान: भीड़भाड़ वाला बनाम एकांत।

कॉन्ट्रास्ट तब सबसे अच्छा काम करता है जब वह सोच-समझकर इस्तेमाल किया जाए। एक स्क्रीन पर एक मजबूत कॉन्ट्रास्ट अक्सर पांच प्रतिस्पर्धी कॉन्ट्रास्ट से बेहतर होता है।