मुफ़्त रंग पिकर और पैलेट जेनरेटर

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

सब कुछ हाथ से लिखे कन्वर्ज़न मैथ का उपयोग करके सीधे आपके ब्राउज़र में चलता है — कोई कलर लाइब्रेरी नहीं, कोई सर्वर राउंड-ट्रिप नहीं। आप ब्राउज़र के नेटिव कलर इनपुट या EyeDropper API के ज़रिए एक रंग चुनते हैं, और टूल इसे तुरंत छह फ़ॉर्मेट में बदलता है साथ ही WCAG कंट्रास्ट रेश्यो गणना करता है और हार्मनी पैलेट बनाता है।

1. 1
   नेटिव API के ज़रिए कलर इनपुट

   आप ब्राउज़र के बिल्ट-इन <input type="color"> विजेट के ज़रिए एक रंग चुनते हैं, या — Chromium-आधारित ब्राउज़रों में — EyeDropper API आपको अपनी स्क्रीन पर किसी भी पिक्सेल को सैंपल करने देता है। दोनों पाथ एक हेक्स स्ट्रिंग लौटाते हैं जो सच्चाई का एकमात्र स्रोत बन जाती है।
2. 2
   हाथ से लिखे फ़ॉर्मेट कन्वर्ज़न

   टूल अपने खुद के मैथ फ़ंक्शनों (कोई बाहरी लाइब्रेरी नहीं) का उपयोग करके हेक्स वैल्यू को RGB, HSL, HSV, CMYK, और OKLCH में बदलता है। OKLCH कन्वर्ज़न sRGB चैनलों को लीनियराइज़ करता है, OKLab cube-root मैट्रिक्स लागू करता है, फिर chroma और ह्यू एंगल निकालता है — आधुनिक CSS Color Level 4 आउटपुट से मेल खाते हुए।
3. 3
   WCAG कंट्रास्ट रेश्यो गणना

   रिलेटिव ल्यूमिनेंस WCAG 2.x फ़ॉर्मूले का उपयोग करके लीनियराइज़्ड RGB चैनलों से गणना की जाती है। टूल फिर शुद्ध सफ़ेद और शुद्ध काले के मुक़ाबले कंट्रास्ट रेश्यो गणना करता है और WCAG थ्रेशोल्ड (3:1, 4.5:1, 7:1) के अनुसार उन्हें AA-large, AA, AAA, या Fail लेबल करता है।
4. 4
   हार्मनी पैलेट जनरेशन और स्थानीय सेव

   पूरक, ट्रिएडिक, अनुरूप और मोनोक्रोमैटिक स्वैच HSL ह्यू और लाइटनेस मानों को गणितीय रूप से घुमाकर या क्रमशः बदलकर निकाले जाते हैं। सहेजे गए पैलेट आपके ब्राउज़र में localStorage में लिखे जाते हैं — कुछ भी आपके डिवाइस से बाहर नहीं जाता।

संबंधित टूल