CSS Unit Converter
CSS length units — px, rem, em, pt aur % — live apne browser mein convert karein. Ek root font size set karein aur har unit instantly update hoti hai.
Har conversion locally aapke browser mein compute hota hai; jo values aap type karte hain woh kabhi upload nahi hoti.
CSS colors ke saath kaam kar rahe hain? CSS Color Converter try karein.
CSS Unit Converter ke baare mein
Yeh CSS unit converter ek unit mein type ki gayi length ko ek saath har doosri CSS unit mein badal deta hai — px, rem, em, pt aur %. Kisi bhi field mein ek value enter karein aur baaki live update hote hain, taaki aap haath se math kiye bina ek px to rem ya pt to px result padh sakein. Ek root font size input (by default 16px) rem, em aur % relationships chalata hai, jo mirror karta hai ki browsers relative units ko page ke font size ke against kaise resolve karte hain. Ek built-in quick reference common px-to-rem values dikhata hai jo designers reuse karte hain — 12, 14, 16, 24, 32 aur zyada — aapke chune hue base par. Har result ka ek copy button hai taaki aap use seedha ek stylesheet mein daal sakein. Sab kuch aapke browser mein chalta hai, isliye jo values aap type karte hain woh aapke device par hi rehti hain.
Features
- Kisi bhi field mein type karte hi px, rem, em, pt aur % ke beech convert karta hai
- Ek configurable root font size rem, em aur % chalata hai taaki results aapke CSS se match karein
- CSS 96/72 factor ka use karke accurate pt conversion (1pt = 1.3333px)
- % ko root font size ke ek fraction ki tarah treat karta hai, bilkul font-relative CSS jaise
- Aapke base par common px-to-rem values (12, 14, 16, 24, 32) ka quick reference table
- Results ko ek sensible precision par trim karta hai aur clean values ke liye trailing zeros drop karta hai
- Har unit par ek-click copy, unit suffix samet
- Visits ke beech aapki last value aur base font size yaad rakhta hai
CSS Unit Converter kaise use karein
- Agar root font size 16px browser default se alag hai to use set karein.
- Kisi bhi unit field mein ek value type karein — px, rem, em, pt ya %.
- Har doosri unit mein equivalent value padhein jaise woh live update hoti hai.
- Kisi unit ke aage ke copy button par click karein taaki value uske suffix ke saath mile.
- Apne base par common px-to-rem pairs ke liye quick reference table use karein.
Example
Input
/* root font-size: 16px */
.card { padding: 24px; }
Output
.card { padding: 1.5rem; }
/* 24px = 1.5rem = 18pt = 150% at base 16px */
16px base par, 24px 1.5rem ke barabar hota hai — ek layout ko rem par switch karne ke liye handy.
Common errors aur troubleshooting
- px sahi hone ke baad bhi aapke rem aur % results galat lagte hain. — Root font size check karein. rem, em aur % us base ke against resolve hote hain, isliye use apne :root ya html element ke font-size se match karein.
- pt design tool mein dikhne wale se match nahi karta. — Yeh converter CSS definition use karta hai jahan 1pt = 96/72 px (1.3333px). Print ya DTP tools 72dpi maan sakte hain, jisse 1pt = 1px hota hai.
- em aur rem ek hi number dikhate hain, par aapne unhe alag hone ki ummeed ki thi. — Converter cheezein simple rakhne ke liye dono ke liye ek single base use karta hai. Asli CSS mein, em element ke apne font size ke relative hota hai jabki rem root ke relative, isliye woh tabhi diverge karte hain jab koi parent font-size badalta hai.
- Root font size khaali chhodne par fields clear ho jaate hain. — Ek empty ya zero base invalid maana jaata hai; converter 16px par fall back karta hai. rem, em aur % khud chalane ke liye ek positive number type karein.
Aksar pooche jaane wale sawaal
- px ko rem mein kaise convert karoon?
- px field mein pixel value type karein aur rem field padhein. rem value ko root font size se divide karke milta hai, isliye default 16px base par, 16px 1rem hai aur 24px 1.5rem.
- rem ko px mein kaise convert karoon?
- rem field mein value type karein aur px padhein. rem to px value ko root font size se multiply karke milta hai, isliye 16px base par 2rem 32px hota hai.
- Converter kaun sa base font size use karta hai?
- Yeh default 16px par hota hai, standard browser root font size, aur aap use Root font size field mein badal sakte hain. Woh base har rem, em aur % result chalata hai taaki woh aapke stylesheet se match karein.
- Yahan 1pt 1.3333px ke barabar kyun hai?
- CSS 1pt ko 1/72 inch aur 1px ko 1/96 inch define karta hai, isliye 1pt = 96/72 px = 1.3333px. Isi liye 12pt exactly 16px mein convert hota hai, common body-text size.
- em aur rem mein kya farak hai?
- rem root font size ke relative hota hai, jabki em element ke apne font size ke relative. Yeh tool simplicity ke liye dono ke liye ek base use karta hai, isliye woh same read hote hain; rem side model karne ke liye root font size set karein.
- Kya conversion server par hota hai?
- Nahi. CSS unit conversion poori tarah aapke browser mein plain arithmetic se chalta hai, isliye jo values aap enter karte hain woh aapke device par hi rehti hain.
Related tools
- CSS Color Converter — HEX, RGB aur HSL ke beech ek live swatch ke saath convert karein.
- CSS / SCSS Formatter — CSS/SCSS/LESS beautify ya minify karein, properties sort karein aur duplicates hatayein.
- Contrast Checker — Do colors ke beech WCAG contrast ratio aur AA/AAA pass hota hai ya nahi, check karein.
- HTML Formatter — HTML beautify ya minify karein, inline CSS/JS format karein aur result preview karein.
- JS / TS Formatter — JavaScript, TypeScript aur JSX/TSX ko Prettier options ke saath beautify ya minify karein.
Saare ArrayKit tools