لوحة الألوان

استخرج الألوان السائدة تلقائياً من أي صورة وأنشئ لوحة ألوان. انسخ HEX / RGB / HSL بنقرة واحدة، وأنشئ إعداد Tailwind تلقائياً، وشاهد لوحتك في نموذج UI مباشر. لا رفع مطلوب — يعمل بالكامل في متصفحك.

المزايا

  • استخراج تلقائي للألوان السائدة في وضعين: المزاج (Median Cut) وواجهة المستخدم/الشعار (K-Means)
  • نسخ HEX وRGB وHSL بنقرة واحدة؛ توليد إعدادات Tailwind CSS تلقائياً
  • معاينة اللوحة كخلفية ونص وأزرار في نموذج UI مباشر
  • بدون رفع ملفات — معالجة محلية بالكامل، لا شيء يُرسَل إلى أي خادم

مثالي لـ

استخراج لوحات من الصور

أنشئ فوراً لوحة ألوان تعكس مزاج الصور الطبيعية أو صور المنتجات.

تحديد ألوان العلامة التجارية

استخرج ألوان العلامة التجارية من شعار أو صورة مرجعية وانسخ قيم HEX فوراً.

سير عمل تصميم الويب

راجع مخطط الألوان في معاينة UI وصدِّر كود CSS أو Tailwind.

تحويل رموز الألوان

حوِّل بين تنسيقات HEX وRGB وHSL للاستخدام في أدوات التطوير والتصميم.

الخصوصية

تعمل هذه الأداة بالكامل داخل المتصفح. لا تُرفَع الصور إلى أي خادم خارجي.

الأسئلة الشائعة

ما تنسيقات الصور المدعومة؟

جميع التنسيقات الرئيسية التي يستطيع متصفحك عرضها مدعومة: JPEG وPNG وWebP وGIF وBMP وSVG.

هل يمكنني تغيير عدد الألوان المستخرجة؟

نعم. يمكنك تحديد عدد الألوان المراد استخراجها حتى 16 لوناً كحد أقصى.

هل يمكنه توليد كود Tailwind CSS؟

نعم. يمكن تصدير اللوحة المستخرجة تلقائياً كمقطع ملف إعدادات Tailwind CSS.

هل تُرسَل الصور إلى خادم؟

لا. تتم جميع المعالجة في متصفحك. لا تُرسَل بيانات الصور إلى أي خادم خارجي.

في انتظار الصورة

تُعالَج الصور فقط في متصفحك · لا يتم رفعها أبداً

اسحب وأفلت صورة هنا
انقر لاختيار ملف أو الصقه مباشرة في هذه الصفحة. يتم تحليل كل شيء في متصفحك.
انقر للاختيار ⌘ / Ctrl + V للصق
JPEGPNGWEBPGIFSVG
معاينة الصورة المحمّلة
#000000
—
الخوارزميةAlgorithm
عدد الألوانSwatches
6ألوان
لوحة الألوان Palette
0 ألوان
color.omikuji.dev
// حمّل صورة لتوليد الكود
Aurora المنتجالأسعارالشركة
New release
جرّب لوحتك
الآن.
خصّص الألوان المستخرجة للخلفية والنص والأزرار — وشاهد فوراً كيف تبدو في واجهة مستخدم حقيقية.
ابدأ اعرف أكثر
معاينة الألوان
اسحب وأفلت لتطبيق الألوان
اختر دوراً ثم انقر على لون في اللوحة، أو اسحب بطاقة اللون إلى هنا.

استخراج الألوان بـ Median Cut / K-Means · بالكامل على جانب العميل

أفلت هنا للتحليل
لا يتم رفع الصور أبداً