हाल में उपयोग किए गए

    कोई टूल खोलें, वह यहाँ दिखाई देगा।

    डिज़ाइन टूल

    14 टूल

    रंग चुनें, CSS इफ़ेक्ट बनाएँ, कंट्रास्ट जाँचें और विज़ुअल एसेट तैयार करें।

    विज़ुअल विवरण बनाएँ और जाँचें

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

    विज़ुअल चुनाव से इस्तेमाल लायक आउटपुट तक पहुँचें

    CSS ग्रेडिएंट जनरेटर ग्रेडिएंट स्टाइल बनाता है, रंग चयनक और पैलेट जनरेटर पैलेट चुनने में मदद करता है, और WCAG कंट्रास्ट जाँचें अग्रभूमि और पृष्ठभूमि के रंगों की तुलना करता है। नतीजे को अपने असली टेक्स्ट साइज़ और अवस्थाओं के साथ परखें।

    आम सवाल

    क्या कंट्रास्ट अनुपात पास होने से पेज पूरी तरह एक्सेसिबल हो जाता है?

    नहीं। कंट्रास्ट सिर्फ़ एक जाँच है। कीबोर्ड नेविगेशन, लेबल, फ़ोकस की दृश्यता, दस्तावेज़ की संरचना और एक्सेसिबिलिटी की अन्य ज़रूरतें भी मायने रखती हैं।

    ग्रेडिएंट प्रीव्यू को वेबसाइट की स्टाइल में कैसे बदलूँ?

    CSS ग्रेडिएंट जनरेटर ग्रेडिएंट की घोषणा तैयार करता है। उसे सही एलिमेंट पर लगाएँ और पेज पर इस्तेमाल होने वाले असली आकार, टेक्स्ट और पृष्ठभूमि के साथ परखें।

    क्या टेक्स्ट के लिए रंग चुनने से पहले मैं दो रंगों की तुलना कर सकता हूँ?

    WCAG कंट्रास्ट जाँचें अग्रभूमि और पृष्ठभूमि के रंगों का कंट्रास्ट अनुपात निकालता है। असली रंगों का उपयोग करें और टेक्स्ट के आकार और मोटाई के हिसाब से सही मानदंड जाँचें।

    HEX, RGB और HSL के बीच कैसे बदलूँ?

    RGB से HEX से HSL रंग के मान का संकेतन बदलता है। संकेतन रंग का वर्णन करता है; वह अपने आप पैलेट नहीं बनाता और अच्छे कंट्रास्ट की गारंटी नहीं देता।

    गोपनीयता सेटिंग

    एनालिटिक्स, विज्ञापन और वैयक्तिकरण के लिए अपनी प्राथमिकताएँ चुनें। ज़रूरी स्टोरेज आपकी थीम और सहेजे गए टूल जैसी सुविधाओं को चालू रखता है।

    ज़रूरी स्टोरेज हमेशा चालू रहता है।