कलर पैलेट और कंट्रास्ट चेकर इस्तेमाल कैसे करें
- 1
एक कलर से शुरू करें
बेस कलर टाइप करें या चुनें, फिर एनालॉगस, ट्रायाडिक या स्प्लिट कॉम्प्लिमेंटरी जैसी कोई हार्मनी चुनें — या रैंडम पैलेट शफ़ल करें।
- 2
लॉक करें और सुधारें
दोबारा शफ़ल करने से पहले पसंद के स्वैच लॉक करें, किसी भी स्वैच को सीधे एडिट करें, या किसी फ़ोटो से पाँच प्रमुख कलर निकालें।
- 3
पढ़ने की सुविधा जाँचें
कंट्रास्ट खोलकर बैकग्राउंड पर टेक्स्ट को WCAG 2.2 AA और AAA के हिसाब से जाँचें, सुझाया गया सुधार लागू करें और कलर ब्लाइंडनेस के लिए पैलेट का प्रीव्यू देखें।
- 4
एक्सपोर्ट करें
50–950 शेड्स के साथ CSS वेरिएबल, Tailwind v4 थीम या v3 कॉन्फ़िग, SCSS या JSON कॉपी करें, या PNG स्वैच डाउनलोड करें।
सीमाएँ और Pro
सब कुछ मुफ़्त है: 5 कलर के पैलेट, 6 हार्मनी, अनलिमिटेड शफ़ल और एक्सपोर्ट, कलर निकालने के लिए 50 MB तक की इमेज, 1600 पिक्सल चौड़ा PNG स्वैच।
कलर पैलेट और कंट्रास्ट चेकर के बारे में
कलर पैलेट जनरेटर पाँच रंगों की स्कीम बनाता है और उसके आसपास वह सब कुछ, जो एक डिज़ाइन सिस्टम को चाहिए। हार्मनी HSL कलर व्हील पर बेस ह्यू को घुमाती हैं: एनालॉगस दोनों तरफ़ 30° जाता है, कॉम्प्लिमेंटरी सामने वाला ह्यू जोड़ता है, स्प्लिट कॉम्प्लिमेंटरी सामने वाले ह्यू के दोनों पड़ोसी ह्यू लेता है, ट्रायाडिक तीन ह्यू को 120° की दूरी पर रखता है, टेट्राडिक 90° का वर्ग इस्तेमाल करता है, और मोनोक्रोम एक ह्यू को पाँच लाइटनेस स्तरों में रखता है। रैंडम मोड लॉक किए गए स्वैच का ध्यान रखता है, और इमेज विकल्प फ़ोटो के पिक्सल को OKLab में क्लस्टर करके उसके पाँच सबसे आम अलग-अलग कलर ढूँढता है।
हर कलर के लिए शेड्स टैब OKLCH में 11 चरणों वाली 50–950 सीढ़ी बनाता है, जिसमें आपके कलर के सबसे पास वाला चरण बिल्कुल वही वैल्यू होता है। इसके अलावा Material 3 HCT सिस्टम के 13 टोन और वे पाँच की-पैलेट भी मिलते हैं, जो Material थीम बनाती। कंट्रास्ट चेकर WCAG 2.2 के ल्यूमिनेंस फ़ॉर्मूले का इस्तेमाल करता है, अनुपात को कभी ऊपर राउंड नहीं करता, और सिर्फ़ लाइटनेस बदलकर, ह्यू को वैसा ही रखते हुए, सबसे पास का पास होने वाला कलर सुझाता है। एक ग्रिड पैलेट की हर जोड़ी का सफ़ेद और काले के साथ अनुपात दिखाती है।
सिमुलेशन में Machado मैट्रिक्स के साथ प्रोटानोपिया, ड्यूटेरानोपिया, ट्रिटानोपिया और एक्रोमैटोप्सिया शामिल हैं, और जो स्वैच आपस में मिल जाते हैं, उन पर निशान लगता है। एक्सपोर्ट में कलर के नाम ह्यू के हिसाब से रखे जाते हैं और आप अपने नाम भी दे सकते हैं। यह टूल यह नहीं परखता कि कलर किसी ब्रांड पर जँचते हैं या नहीं, और सिमुलेशन सिर्फ़ अनुमान देते हैं कि कलर-विज़न की कमी वाले लोग कैसा देखते हैं; वे ऐसे लोगों के साथ टेस्टिंग का विकल्प नहीं हैं।
गोपनीयता
कलर की सारी गणना, कंट्रास्ट जाँच और इमेज विश्लेषण इसी टैब में चलते हैं: कलर निकालने के लिए इस्तेमाल की गई फ़ोटो आपकी डिस्क से एक छोटे कैनवस में पढ़ी जाती है और कभी अपलोड नहीं होती। पैलेट पेज के पते में सेव हो सकता है, ताकि कॉपी किया लिंक उसे दोबारा खोल दे; सर्वर पर कुछ सेव नहीं होता।
खूबियाँ
छह हार्मनी और इमेज से कलर
एक बेस कलर से एनालॉगस से टेट्राडिक तक, लॉक के साथ रैंडम शफ़ल, या किसी फ़ोटो के प्रमुख कलर।
सुधार के साथ WCAG 2.2 कंट्रास्ट
सामान्य और बड़े टेक्स्ट तथा UI ग्राफ़िक के लिए AA और AAA, और सबसे पास का पास होने वाला कलर बस एक क्लिक दूर।
डेवलपर के लिए तैयार एक्सपोर्ट
HEX, RGB, HSL या OKLCH में CSS वेरिएबल, Tailwind v4 और v3, SCSS और JSON, साथ में PNG स्वैच।