WCAG एक्सेसिबल कलर पैलेट जेनरेटर

यह कैसे काम करता है

ब्रांड पैलेट को केवल उसकी सुंदरता के आधार पर चुनने से अक्सर ऐसे रंग मिलते हैं जो टेक्स्ट के साथ मिलाने पर एक्सेसिबिलिटी टेस्ट में फ़ेल हो जाते हैं। यह टूल रैंडम रंग चुनता है, WCAG फ़ॉर्मूले से उनकी रिलेटिव ल्यूमिनेंस निकालता है, फिर सफ़ेद और काले टेक्स्ट के साथ मिलने वाले कंट्रास्ट रेशियो की तुलना करता है, ताकि (अगर आप चाहें तो) केवल वही रंग रखे जाएँ जो AA या AAA स्तर तक पहुँचते हैं।

कंट्रास्ट रेशियो की गणना कैसे होती है?

गणना आधिकारिक WCAG फ़ॉर्मूले के अनुसार होती है: हर रंग को रिलेटिव ल्यूमिनेंस में बदला जाता है (यह महसूस की गई चमक का एक माप है, जो मानव आँख की लाल, हरे और नीले हर चैनल के प्रति संवेदनशीलता को ध्यान में रखता है), फिर ज़्यादा हल्के रंग की ल्यूमिनेंस की तुलना ज़्यादा गहरे रंग की ल्यूमिनेंस से करके रेशियो निकाला जाता है। 21:1 का रेशियो सबसे ज़्यादा संभव कंट्रास्ट है (शुद्ध सफ़ेद पर शुद्ध काला)।

कुछ रंगों पर "सफ़ेद टेक्स्ट" और कुछ पर "काला टेक्स्ट" क्यों दिखता है?

टूल दोनों तरह से रेशियो निकालता है और अपने-आप वही टेक्स्ट रंग (सफ़ेद या काला) चुनता है जो बनाए गए बैकग्राउंड पर सबसे अच्छा कंट्रास्ट देता है: अगर आप इस रंग को अपने इंटरफ़ेस में बैकग्राउंड के रूप में अपनाते हैं, तो आपको यही संयोजन इस्तेमाल करना चाहिए।

ल्यूमिनेंस और कंट्रास्ट की पूरी गणना आपके ब्राउज़र में JavaScript से चलती है: बनाया गया कोई भी रंग किसी सर्वर को नहीं भेजा जाता।