أدوات الصور والتصميم
أنشئ ألوانًا وصورًا وعناصر تصميمية وعدّل الملفات المرئية.
استخراج لوحة الألوان من صورة
استخرج الألوان الغالبة من صورة، وافحص التباين وأنشئ متغيرات CSS للواجهة
افتح الأداة→البحث عن اسم اللون من كود HEX
أدخل كود لون سداسيًا لمعرفة اسمه التقريبي وأقرب لون معروف مع معاينة...
افتح الأداة→تحويل SVG إلى PNG
حمّل صورة SVG وحوّلها إلى PNG بالحجم والدقة والخلفية التي تختارها داخل...
افتح الأداة→تحويل الصور إلى ملف PDF
اجمع عدة صور في ملف PDF واحد داخل المتصفح مع ترتيب الصفحات...
افتح الأداة→ترميز الصور Base64 وفكّه
حوّل صورة إلى سلسلة Base64 أو أعد تكوين صورة من بيانات Base64...
افتح الأداة→تغيير حجم الصور وضغطها
غيّر أبعاد الصورة وجودتها وصيغتها داخل المتصفح لتقليل حجم الملف مع معاينة...
افتح الأداة→حاسبة كثافة البكسل PPI وDPI
احسب كثافة بكسلات الشاشة أو الصورة من الأبعاد والدقة لمعرفة مدى وضوح...
افتح الأداة→فاحص تباين الألوان وإمكانية الوصول
قارن لون النص والخلفية واحسب نسبة التباين ومدى توافقها مع معايير WCAG
افتح الأداة→محاكي أبعاد الفيديو ومناطق الأمان
عاين صورة أو فيديو داخل أطر تيك توك وريلز وShorts لمعرفة الأجزاء...
افتح الأداة→محاكي عمى الألوان
عاين كيف قد تبدو الألوان أو الصور مع أنماط مختلفة من قصور...
افتح الأداة→مولّد أنماط SVG
أنشئ خلفيات وأنماط SVG قابلة للتخصيص بالألوان والأبعاد ثم انسخ الشفرة أو...
افتح الأداة→مولّد أيقونة الموقع favicon
حوّل صورة أو رمزًا إلى أيقونات موقع بمقاسات مناسبة للتبويبات والأجهزة
افتح الأداة→مولّد تأثير الزجاج في CSS
اضبط الشفافية والتمويه والحدود والظل لإنشاء واجهة زجاجية وانسخ CSS
افتح الأداة→مولّد تدرجات CSS
صمّم تدرجًا خطيًا أو شعاعيًا بألوان وزوايا متعددة وشاهد المعاينة ثم انسخ...
افتح الأداة→مولّد حركات CSS keyframes
صمّم حركة CSS بإطارات مفتاحية ومدد وتأخيرات، شاهد المعاينة وانسخ الشفرة
افتح الأداة→مولّد ظل الصناديق CSS
اضبط الإزاحة والتمويه والانتشار واللون لظل العنصر ثم انسخ خاصية box-shadow
افتح الأداة→مولّد ظل النص في CSS
اضبط إزاحة ظل النص والتمويه واللون وشاهد المعاينة المباشرة ثم انسخ خاصية...
افتح الأداة→مولّد لوحات ألوان متناسقة
أنشئ مجموعات ألوان متناغمة انطلاقًا من لون أساسي مع معاينة القيم السداسية...
افتح الأداة→