पैलेट बैलेंसर
Check palette contrast against a base color and auto-suggest accessible tweaks.
Summary
No colors meet target
No adjustments needed
Results
Add HEX colors to evaluate contrast.
Tips
- Keep at least AA (4.5:1) for text on brand surfaces.
- Test both light and dark modes—base color shifts can change results.
- Export CSS variables or JSON to sync with design systems.
सारांश
चुने हुए पृष्ठभूमि रंग पर ब्रांड पैलेट का विश्लेषण करें ताकि एक्सेसिबिलिटी लक्ष्य जल्दी पूरे हों।
कैसे उपयोग करें
- आधार पृष्ठभूमि रंग और लक्ष्य कंट्रास्ट अनुपात सेट करें।
- पैलेट HEX मान या कॉमा से अलग सूची पेस्ट करें।
- सुझाए गए समायोजन देखें और CSS/JSON टोकन निर्यात करें।
उपयोग के मामले
- डैशबोर्ड/UI शेल में ब्रांड रंग AA मानक पर हैं या नहीं जांचना।
- मार्केटिंग अभियानों के लिए सुलभ विकल्प पैलेट प्रस्तावित करना।
- डिज़ाइन समीक्षा से पहले डार्क मोड वेरिएंट ऑडिट करना।
सुझाव और जानकारी
- अंतिम रंगों को वास्तविक घटकों में टेस्ट करें—ओवरले कंट्रास्ट बदल सकते हैं।
- डिज़ाइन टोकन दस्तावेज़ों को सिंक में रखें ताकि ड्रिफ्ट न हो।
- JSON निर्यात QA या डिज़ाइन सिस्टम टीमों के साथ साझा करें।