أدوات المصممين
أدوات ألوان وتخطيط وصور للمصممين
اختر أداة بالأسفل. كلها مجانية وتعمل في متصفحك.
🎨 أدوات المصممين · الإجمالي 39 أدوات
مولد الصور الرمزيةAvatar generator: create cartoon avatars from name or random with style, size and background for social and dev, with one-click copy, offline.
مولد الأشكال العضويةBlob maker: customize random blob shapes with color and animation export for design and backgrounds, with one-click copy, offline.
مولد نصف قطر الحدودBorder radius generator: adjust four corners with live preview generating border-radius code for design, with one-click copy and offline.
مولد ظل الصندوقCSS box-shadow generator: adjust horizontal, vertical offset, blur, spread and color opacity with live preview and copy for design, with one-click copy and offline.
مولد مسار القصClip-path generator: visually drag polygon, circle and ellipse clipping with live preview and code copy, responsive and animated for front-end layouts.
منتقي الألوانColor picker: pick via HSL sliders or HEX, instantly shows HEX/RGB/HSL with one-click copy. For design and frontend. Supports batch processing and offline use.
مولد أنظمة الألوانColor scheme generator: generate complementary and triadic palettes from a base color with HEX output for design and branding, with one-click copy and offline.
مولد حركات CSSCSS animation generator: pick animation type, duration and easing to generate keyframes code with live preview for frontend, with one-click copy and offline.
مولد فلاتر CSSCSS filter generator: adjust blur, brightness, contrast and hue with live preview and code copy for image effects. Supports batch processing and one-click copy.
مولد تدرجات CSSCSS gradient generator: pick colors, angle and linear/radial type with live preview and one-click copy of CSS for frontend and design, offline and multilingual.
مولد CSS GridCSS grid generator: set columns, rows and gap to generate grid layout code with live preview for web and responsive design, with one-click copy and offline.
عرض منحنيات التسارعEasing visualizer: pick from 8 easings (ease, linear, ease-in-out, bounce…) for an instant SVG curve plus paste-ready CSS value, with one-click copy.
نسخ الرموز التعبيريةEmoji copy and paste: browse 500+ emojis by category, search and copy with one click and favorites for chat and social, with one-click copy and offline.
مولد أيقونة الموقعFavicon generator: enter text and colors to generate website icon PNG with multiple sizes and download for site and branding, with one-click copy and offline.
مولد مطابقة الخطوطFont pairing generator: pick a style (modern, elegant, classic, playful, tech) for a heading + body font combo with paste-ready CSS and live preview. All fonts free on Google Fonts.
معاينة الخطFont preview tool: enter text and adjust size, weight, line-height and color with live preview and CSS output for typography, with one-click copy and offline.
محول حجم الخطFont size converter: convert between px, pt, em, rem and percent with custom root size and live preview for frontend and typography, with one-click copy and offline.
مولد التأثير الزجاجيGlassmorphism generator: adjust blur, opacity, radius and border to preview frosted glass and generate backdrop-filter CSS. Supports batch export and one-click copy.
مولد الحدود المتدرجةGradient border generator: adjust gradient angle, colors and border width with live preview and CSS copy for cards and buttons.
مولد النص المتدرجGradient text generator: enter text, two colors and an angle for instant gradient text with live preview and paste-ready CSS.
مقارنة ضغط الصورImage compare tool: upload original and compressed images side by side showing size, dimensions and savings for compression tuning, with one-click copy and offline.
اقتصاص الصورImage cropper: upload image and crop by coordinates or aspect ratio with preview for avatars, with one-click copy and offline.
أداة مرشحات الصورImage filter: add grayscale, vintage and blur filters to images with live preview and download for social and quick edi Supports batch processing and one-click copy.
تدوير وقلب الصورةImage rotate and flip tool: rotate 90/180 degrees and flip horizontally or vertically with live preview for quick correction, with one-click copy and offline.
صورة إلى فن ASCIIImage to ASCII: convert images to ASCII art with grayscale, color and size options for geek art and text art. Supports batch processing and one-click copy.
مولد الميماتMeme generator: upload image and add top and bottom text white with black outline for social media, with one-click copy and offline.
مولد نص النيونNeon text generator: enter text, color and glow (0-40) for instant neon glow preview on dark/light background with paste-ready CSS.
لوحة من الصورةPalette from image: upload an image to extract 5 dominant colors as a palette with one-click HEX copy for designers and branding, with one-click copy and offline.
لوحة الألوان إلى متغيرات CSSPalette to CSS converter: export color list as CSS variables or Tailwind config for design, with one-click copy and offline.
أداة بكسل الصورImage pixelation tool: adjust block size to create mosaic and pixel-art with live preview for privacy and design, one-click copy and offline.
مولد صور مؤقتةPlaceholder image generator: create images by size, background, text and format with bulk and preview for design dev, with one-click copy, offline and multilingual.
مولد ألوان عشوائيةRandom color generator: generate multiple vivid random colors with HEX/RGB/HSL output and palette save for design and inspiration, with one-click copy and offline.
مولد ألوان عشوائيةRandom palette generator: create harmonious palettes with HEX RGB and contrast, lock, export and bulk for design branding, with one-click copy, with one-click copy,.
مولد SVG بسيطSimple SVG generator: pick circle, rect, triangle, star or heart with size and color for instant embeddable SVG code with preview. Infinitely scalable.
مولد أيقونات SVGSVG icons: pick check, close, heart, star and more with color and size (8-128px) for instant embeddable SVG, Data URL usage and preview.
مولد أنماط SVGSVG patterns: pick dots, grid, stripes and more with colors and size for seamless tileable SVG plus CSS background code.
مولد ظل النصText shadow generator: adjust offset, blur and color with live preview and CSS copy, supports multi-layer shadows for headings.
أداة علامة مائيةWatermark image tool: add text watermark with position, size and opacity and live preview for branding, with one-click copy and offline.
مولد فواصل الموجةWave dividers: pick single/double wave, angle or curve with color and flip for instant SVG divider, CSS background snippet and preview.
الأسئلة الشائعة
ما هي فئة أدوات المصممين؟
تتضمن فئة أدوات المصممين 39 أدوات مجانية.
هل هذه الأدوات مجانية؟
نعم، كلها مجانية بلا حدود استخدام.
هل أحتاج إلى التسجيل؟
لا. افتح الصفحة واستخدمها؛ بياناتك لا تُرفع.
ما اللغات المدعومة؟
This site supports 12 languages: Chinese, English, Japanese, Spanish, French, Portuguese, Arabic, Indonesian, Hindi, Thai, Vietnamese and Bengali.