📏 एक टूलकिट,
प्रत्येक डिज़ाइन कार्य

PX से REM कनवर्टर

पिक्सल को REM में और वापस तुरंत बदलें, समायोज्य बेस फॉन्ट साइज़ और पूर्ण रूपांतरण तालिका के साथ। सुलभ, स्केलेबल CSS के लिए आवश्यक।

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

📏 PX से REM कनवर्टर

PX से REM गाइड

REM (root em) एक CSS इकाई है जो दस्तावेज़ के रूट फ़ॉन्ट आकार (आमतौर पर 16px) के सापेक्ष होती है। चूँकि rem मान उपयोगकर्ता की ब्राउज़र फ़ॉन्ट सेटिंग्स के साथ स्केल होते हैं, rem से बने डिज़ाइन हर डिवाइस पर सुलभ और आनुपातिक बने रहते हैं — निश्चित पिक्सेल मानों के विपरीत।

पिक्सेल मान दर्ज करें और उसका rem समकक्ष देखें, या वापस बदलने के लिए rem मान टाइप करें। अपने प्रोजेक्ट के अनुसार बेस फ़ॉन्ट आकार समायोजित करें (कुछ डिज़ाइन सिस्टम 10px या 20px रूट उपयोग करते हैं)। तालिका सबसे सामान्य आकारों को कवर करती है, और विज़ुअल तुलना दिखाती है कि दोनों इकाइयाँ समान रूट आकार पर एक जैसी दिखती हैं।

Pro Tips

Frequently Asked Questions

Q: REM और EM में क्या अंतर है?
REM और EM में क्या अंतर है? rem हमेशा रूट (html) फ़ॉन्ट आकार के सापेक्ष होता है। em पैरेंट एलिमेंट के फ़ॉन्ट आकार के सापेक्ष होता है, इसलिए नेस्टेड एलिमेंट्स में em जुड़ता जाता है जबकि rem एक जैसा रहता है।
Q: PX की जगह REM क्यों उपयोग करें?
PX की जगह REM क्यों उपयोग करें? REM उपयोगकर्ता की एक्सेसिबिलिटी सेटिंग्स के साथ स्केल होता है — ब्राउज़र फ़ॉन्ट आकार बढ़ाने वाले को सारा टेक्स्ट बड़ा दिखता है। PX स्थिर रहता है और लेआउट या एक्सेसिबिलिटी तोड़ सकता है। आधुनिक बेस्ट प्रैक्टिस टाइपोग्राफी और स्पेसिंग के लिए rem है।
Q: डिफ़ॉल्ट बेस फ़ॉन्ट आकार क्या है?
डिफ़ॉल्ट बेस फ़ॉन्ट आकार क्या है? सभी प्रमुख ब्राउज़र 16px = 1rem डिफ़ॉल्ट करते हैं। इसलिए डिफ़ॉल्ट रूट पर 32px = 2rem, 8px = 0.5rem, 24px = 1.5rem।
Q: क्या मीडिया क्वेरीज़ में REM उपयोग कर सकते हैं?
क्या मीडिया क्वेरीज़ में REM उपयोग कर सकते हैं? हाँ। rem में लिखी मीडिया क्वेरीज़ उपयोगकर्ता की फ़ॉन्ट सेटिंग्स पर प्रतिक्रिया करती हैं, केवल व्यूपोर्ट चौड़ाई पर नहीं — px ब्रेकपॉइंट्स की तुलना में एक सूक्ष्म एक्सेसिबिलिटी सुधार।
Q: क्या हर मान को मैन्युअल रूप से बदलना पड़ता है?
क्या हर मान को मैन्युअल रूप से बदलना पड़ता है? नहीं। आधुनिक बिल्ड टूल्स (PostCSS, Tailwind) रूपांतरण स्वचालित रूप से करते हैं। यह कैलकुलेटर त्वरित एक-बार रूपांतरण और हस्तलिखित CSS की जाँच के लिए है।

भारतीय रंग

केसरिया से लेकर नील तक, भारतीय रंग त्योहारों, वस्त्रों और प्रकृति से जन्मे हैं। होली के गुलाल, मेंहदी की हरियाली और मंदिरों का सिंदूरी — हर रंग की एक कहानी है।

केसरिया #FF9933

तिरंगे का केसरिया — साहस और बलिदान का प्रतीक

हरा #138808

तिरंगे का हरा — उर्वरता और समृद्धि

अशोक चक्र नीला #000080

तिरंगे के केंद्र में धर्म चक्र का नीला

गुलाबी #FF007F

जयपुर का गुलाबी शहर और राजस्थानी पगड़ियाँ

हल्दी #E3A857

हल्दी का पीला — शुभता और विवाह का रंग

गेरू #CC7722

साधुओं के वस्त्र और मंदिरों का मिट्टी रंग

नील #4B0082

प्राचीन भारत का नील रंग — नील की खेती से

सिंदूरी #E34234

सिंदूर का लाल — सुहाग और शक्ति का प्रतीक

गेंदा #FFA500

गेंदे के फूलों का नारंगी — पूजा और त्योहार

मेहंदी #6B8E23

मेहंदी की हरियाली — शादी और तीज का रंग

Q: केसरिया रंग क्या है?
केसरिया रंग क्या है? केसरिया (#FF9933) भारत के राष्ट्रीय ध्वज का सबसे ऊपरी रंग है, जो साहस और बलिदान का प्रतीक है। यह केसर (saffron) से बना रंग है जो साधुओं के वस्त्रों में भी दिखता है।
Q: होली के रंग क्या हैं?
होली के रंग क्या हैं? होली में गुलाल के गुलाबी (#FF007F), पीला (#FFD700) और हरा (#138808) प्रमुख हैं। ये रंग वसंत, प्रेम और नई फसल के उत्सव का प्रतीक हैं।