قم بالتحويل بين جميع وحدات CSS الـ 14 فورًا. أدخل px، rem، em، vw، vh، pt، cm، in، أو أي وحدة أخرى، وشاهد جميع التحويلات دفعة واحدة مع دعم الوحدات النسبية المتوافقة مع السياق.
1616px1212pt11pc0.42330.4233cm4.234.23mm0.16670.1667in11rem11em100100%1.111.11vw1.781.78vh1.781.78vmin1.111.11vmax22chتنقسم وحدات CSS إلى فئتين: وحدات مطلقة تُطابق حجمًا ماديًا أو حجم شاشة ثابتًا، ووحدات نسبية تتغير بناءً على السياق، مثل حجم الخط أو أبعاد نافذة العرض. تشمل الوحدات المطلقة البكسل (px)، والنقطة (pt)، والبيكسل (pc)، والسنتيمتر (cm)، والمليمتر (mm)، والبوصة (in). أما الوحدات النسبية فتشمل ريم (rem) (نسبةً إلى حجم خط العنصر الجذر)، وإم (em) (نسبةً إلى حجم خط العنصر الأب)، و% (نسبة مئوية من العنصر الأب)، وvw وvh (عرض وارتفاع نافذة العرض)، وvmin وvmax (أصغر أو أكبر قيمة بين vw وvh)، وch (عرض الصفر في الخط الحالي).
أدخل قيمةً وحدد وحدة المصدر. سيعرض المحول القيمة المكافئة لها فورًا في جميع الوحدات الـ 13 الأخرى. لحساب الوحدات النسبية بدقة، وسّع لوحة السياق وحدد حجم خط العنصر الرئيسي (عادةً 16 بكسل)، وحجم خط العنصر الأب، وأبعاد نافذة العرض. تتوافق هذه الإعدادات الافتراضية مع بيئة المتصفح القياسية، لذا تعمل معظم عمليات التحويل دون تغييرها.
تُعدّ هذه الأداة مفيدةً عند تحويل مواصفات التصميم من البكسل إلى وحدة rem لضمان التوافق مع معايير إمكانية الوصول، أو للتحقق من سلوك الحجم النسبي لمنطقة العرض عند عرض شاشة محدد، أو لفهم كيفية تتابع وحدات em داخل العناصر المتداخلة. ويستخدمها المهندسون بكثرة عند نقل قاعدة بيانات من تخطيطات تعتمد على البكسل إلى نظام وحدات rem أو وحدات مرنة.