🎨

المصممون

من أكواد HEX إلى DPI الطباعة — أدوات ألوان وتباين وأصول تحترم سير عملك.

أدوات التصميم

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

حوّل الألوان بين HEX وRGB وHSL وCMYK بنقرة واحدة وانسخ أي قيمة.

مدقّق تباين الألوان (WCAG)

تحقق من نسب تباين النص وفق معايير WCAG 2.1 AA وAAA.

محوّل البكسل ومقاسات الطباعة

حوّل px وpt وrem، والبوصة/سم إلى بكسل بأي DPI للطباعة والويب.

ضاغط SVG

أزل التعليقات والمسافات الزائدة من ترميز SVG ونزّل ملفًا أصغر.

محوّل SVG إلى React

حوّل SVG الخام إلى مكوّن React JSX جاهز للصق بخصائص camelCase.

محوّل الصور إلى Base64

حوّل الصور إلى روابط بيانات مع مقتطفات CSS للخلفية وHTML جاهزة للنسخ.

مولّد نص لوريم إيبسوم

ولّد فقرات أو جملًا أو كلمات نص بديل للنماذج الأولية والتصاميم.

مولّد الأيقونات المفضلة

صورة مربعة واحدة تدخل — فتخرج favicon.ico وأيقونة Apple touch وملفات PNG.

مستخرج لوحة الألوان

استخرج الألوان السائدة من أي صورة — أو التقط بكسلات محددة بنفسك.

إزالة الخلفية

إزالة الخلفية داخل المتصفح، مع ملف PNG شفاف.

تغيير أحجام الصور لوسائل التواصل

صورة واحدة بكل مقاسات المنصات — اختر ما تحتاجه وصّدّر ملف ZIP.

تغيير حجم الصور

غيّر حجم صورة واحدة أو دفعة كاملة بالبكسل أو النسبة المئوية أو حد أطول ضلع.

ضاغط الصور

قلّل حجم ملفات JPG وPNG وWebP حسب الجودة أو بهدف محدد — دفعة واحدة.

اقتصاص الصورة

اقصُص ودوّر واعكس بدقة — وصّدّر JPG أو PNG بنقرة واحدة.

علامة مائية للصور

اختم دفعة كاملة من الصور بنص أو شعار — محليًا، دون رفع.

ضاغط CSS

أزل التعليقات والمسافات والفواصل المنقوطة الزائدة من CSS بالكامل في متصفحك.

مشفّر ومفكّك كيانات HTML

شفّر النص إلى كيانات HTML وافكها مجددًا، بمخرجات مُسمّاة أو رقمية.

صانع صور جواز السفر والهوية

اقتطع الصور بمقاسات جواز السفر والتأشيرة وبدّل لون الخلفية ورتّب ورقة طباعة.

محجّب الصور (فسيفساء وضبابية)

ارسم فسيفساء أو ضبابية أو أشرطة سوداء فوق الوجوه والمناطق الحساسة في الصورة محليًا.

دمج الصور ولقطة الشاشة الطويلة

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

تقطيع الصورة لشبكة (3×3)

قطّع صورة إلى شبكة 3×3 أو مخصصة ونزّل كل القطع كملف ZIP.

صانع GIF

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

مقارنة وفروق الصور

ركّب أو انزلق بين صورتين وأبرِز فروق البكسل محليًا.

صانع لقطات الكود

حوّل الكود إلى صورة جميلة ذات سمة بألوان الصيغة وإطار نافذة — بلا رفع.

صانع تدرجات CSS

ابنِ تدرجات خطية وشعاعية ومخروطية بصريًا وانسخ خلفية CSS الجاهزة.

مولّد ظلال الصناديق

اضبط الإزاحة والتمويه والانتشار واللون لتصميم ظلال CSS ناعمة أو متعددة الطبقات.

مولّد انحناء الحواف

اسحب المنزلقات لكل زاوية لتشكيل صناديق مستديرة وانسخ قيمة CSS الخاصة بـ border-radius.

صانع مسارات القص في CSS

أنشئ مسارات قص متعددة الأضلاع ودائرية وداخلية بصريًا وصدّر قيمة CSS الخاصة بـ clip-path.

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

ولّد لوحات منسجمة أحادية ومماثلة ومتكاملة وثلاثية انطلاقًا من لون واحد.

ملتقط ألوان الشاشة (القطّارة)

التقط أي لون من شاشتك عبر EyeDropper API وانسخ HEX أو RGB أو HSL.

محوّل PNG إلى SVG

تتبّع الصور النقطية إلى مسارات SVG متجهة قابلة للتكبير محليًا، مع ضوابط حدّية.

كيف يستخدم المصممون Sort123

إتقان الألوان وإمكانية الوصول

حوّل بين HEX/RGB/HSL/CMYK وتحقق من تباين النص وفق معياري WCAG AA وAAA.

تجهيز أصول الويب والطباعة

حوّل px إلى pt بأي DPI، واضغط SVG وصدّر مكوّنات React من المتجهات الخام.

إنهاء التصاميم بسرعة

أزل الخلفيات وغيّر الأحجام لكل منصات التواصل وولّد الأيقونات المفضلة دون رفع الملفات.