التصميم

فاحص تباين الألوان

اكتب لون النص ولون الخلفية لتعرف نسبة التباين وهل تنجح في مستويات WCAG.

محوّل الألوان: HEX وRGB وHSL

اكتب لونًا بأي صيغة أو اختره، وانسخ قيمته بصيغ HEX وRGB وHSL.

حاسبة مقاس الطباعة والدقة DPI

حوّل مقاس الطباعة بين المليمتر والسنتيمتر والإنش والبكسل عند الدقة (DPI) التي تحددها.

حاسبة نسبة الأبعاد

اعرف نسبة أبعاد صورة أو فيديو، أو احسب العرض أو الارتفاع الناقص من نسبة مثل 16:9.

منتقي ألوان من صورة

استخرج لونًا من نقطة في صورة محلية واعرض ألوانًا بارزة فيها.

مولّد لوحة ألوان

أنشئ لوحات متناسقة من لون أساس مع تنسيقات تصدير للمصمم والمطور.

مولّد تدرجات لونية

ابنِ تدرجًا خطيًا أو دائريًا وتحكم في النقاط والاتجاه ثم انسخ CSS أو نزّل صورة.

معاينة ألوان الفاتح والغامق

جرّب ألوان علامة على بطاقة وأزرار وحقول في الوضعين مع مؤشرات تباين.

معاينة الخطوط العربية والإنجليزية

قارن خطوطًا مرخصة أو محلية على عناوين وفقرات وأرقام قبل اختيارها.

حاسبة النزيف والهوامش الطباعية

احسب مقاس التصميم النهائي مع bleed وهوامش أمان تحددها للطباعة.

مولّد CSS للظلال والحواف

عاين ظلًا وحوافًا مستديرة وحدودًا ثم صدّر القيم في كود واحد.

مولّد CSS Grid وFlexbox

اضبط الصفوف والأعمدة والمحاذاة والمسافات بصريًا وانسخ مثال HTML وCSS صغيرًا.

مولّد مقاسات خطوط مرنة

احسب مقياس عناوين وفقرات وقيم CSS clamp بين عرضي شاشة تحددهما.

مولّد أنماط وخلفيات SVG

أنشئ نقاطًا وشبكات وخطوطًا وأشكالًا هندسية قابلة للتلوين والتنزيل.

حاسبة توزيع العناصر على ورقة

احسب عدد البطاقات أو الملصقات التي تستوعبها ورقة مع الهوامش والمسافات.

فاحص مقاسات الأصول البصرية

قارن صورة أو شعارًا بقائمة متطلبات عرض وارتفاع وشفافية تقدمها.

مولّد صور عناصر نائبة

أنشئ صور placeholder بحجم ولون ونص محدد لتجربة الصفحات.

فاحص تغطية الخط للعربية

افحص خطًا محليًا لوجود المحارف العربية والأرقام والحركات مع عينة عرض.

مولّد صفحة دليل ألوان وخطوط

عبّئ ألوانًا وخطوطًا وشعارًا لإنتاج ورقة مرجعية للهوية قابلة للطباعة.