منتقي ألوان الصورة واللوحة
منتقي ألوان الصورة واللوحة
انقر لاختيار الألوان من الصورة، استخراج الألوان الرئيسية واللوحة تلقائياً، نسخ HEX/RGB وتصدير متغيرات CSS. يدعم PNG، JPG/JPEG، WebP، AVIF، HEIC/HEIF.
اسحب وأفلت الصورة هنا أو انقر للتحديد
يدعم PNG / JPG / JPEG / WebP / AVIF / HEIC / HEIF
بداية سريعة
سيناريوهات شائعة
اختيار ألوان التصميم/الملصق
استخراج الألوان الأساسية والمميزة لمخطط الألوان
السمة/نظام التصميم
تصدير متغيرات CSS أو JSON للمشروع
تنسيق المكونات
استخراج ألوان متطابقة للأزرار والعلامات والمخططات
تناسق العلامة التجارية
استخراج لوحة ألوان قياسية من أصول العلامة التجارية
خيارات منتقي الألوان واللوحة
نصائح الاستخدام
القيود والتوافقية
الخصوصية والأمان
أسئلة شائعة
ضع :root { --color-1: ... } المُصدَّر في CSS العام، ثم أشر إليه بـ var(--color-1).
لإعادة استخدام السكريبتات/نظام التصميم، مثل إنشاء Design Tokens أو إعداد السمة. كل لون يتضمن hex/css/rgb و count.
واجهة عامة: 8 أو 12؛ أيقونات بسيطة: 4–6؛ صور/تدرجات: 16–32. استخدم الإعدادات المسبقة للمقارنة السريعة.
اختيار النقر يحصل على بكسل واحد؛ اللوحة تكمّم الصورة بأكملها لألوان تمثيلية مع التركيز على الاتجاه العام.
تحتاج للنقر أولاً على 'استخراج اللوحة'، التصدير يصبح متاحاً بعد اكتمال الاستخراج.
الافتراضي يستخدم اسم الملف الأصلي (بدون امتداد) + .palette-العدد + .css/.json، مع تنظيف الأحرف غير القانونية تلقائياً.