डिज़ाइन टूल
फ़्रंट-एंड और विज़ुअल डिज़ाइन के काम के लिए तेज़ टूल, जिनमें कॉपी करने के लिए तैयार CSS और WCAG कॉन्ट्रास्ट फ़ॉर्मूले पर आधारित एक्सेसिबिलिटी जाँच शामिल है।
7 टूल
इस श्रेणी के टूल
- रंग कन्वर्टरHEX, RGB, HSL, HWB, OKLCH और सरल CMYK के बीच रंग बदलें। कोई CSS रंग पेस्ट करें या रंग चयनकर्ता का इस्तेमाल करें, फिर हर फ़ॉर्मैट कॉपी करें। यह आपके ब्राउज़र में चलता है।
- कॉन्ट्रास्ट चेकरटेक्स्ट और बैकग्राउंड का WCAG 2.2 कॉन्ट्रास्ट अनुपात जाँचें, टेक्स्ट और UI हिस्सों के लिए AA और AAA नतीजे देखें और सबसे नज़दीकी उपयुक्त रंग पाएँ।
- CSS Gradient जनरेटर2 से 6 रंग स्टॉप वाले linear, radial और conic CSS gradients बनाएँ, कोण और स्थितियाँ सेट करें, लाइव पूर्वावलोकन देखें और background CSS कॉपी करें।
- Box Shadow Generatorकई परतों वाले CSS box shadow डिज़ाइन करें: ऑफ़सेट, ब्लर, स्प्रेड, रंग, opacity और inset। किसी भी बैकग्राउंड पर प्रीव्यू देखें और box-shadow CSS कॉपी करें।
- रंग पैलेट जनरेटरएक रंग से पूरक, समान, triadic, tetradic, split-complementary और शेड पैलेट बनाएँ। रंग लॉक करें, फिर HEX, CSS या JSON कॉपी करें।
- PX से REM कन्वर्टरकिसी भी मूल फ़ॉन्ट आकार (डिफ़ॉल्ट 16px) के साथ px को rem या em में और वापस बदलें। आम आकारों की तालिका और पूरे CSS स्निपेट में px मान बदलने की सुविधा शामिल है।
- आस्पेक्ट रेशियो कैलकुलेटरकिसी भी आस्पेक्ट रेशियो के लिए छूटी हुई चौड़ाई या ऊँचाई जानें, 1920×1080 जैसे आयामों को 16:9 में सरल करें, आकार का पूर्वावलोकन देखें और CSS aspect-ratio नियम कॉपी करें।