تدعم لوحة الألوان وضعين: توليد أنظمة الألوان واستخراج لوحة الألوان من الصور. في وضع التوليد، اختر لونًا أساسيًا وقاعدة التناغم. في وضع الاستخراج، حمّل صورة لاستخراج ألوانها السائدة أو استخدم القطارة للاختيار الدقيق. تتم جميع المعالجة في متصفحك.
حمّل الصور لاستخراج اللوحات تلقائيًا مع القطارة للاختيار الدقيق
تصدير كمتغيرات CSS و Tailwind v4 ومتغيرات SCSS
اقفل الألوان الفردية للحفاظ عليها عند إعادة التوليد
انقر لنسخ أي لون بتنسيق HEX أو RGB أو HSL
معالجة محلية بالكامل — لا يتم رفع أي شيء إلى الخوادم
طريقة الاستخدام
1في وضع التوليد، اختر لونًا أساسيًا وقاعدة تناغم
2يتم تحديث اللوحة تلقائيًا — يمكنك قفل أو نسخ الألوان الفردية
3انتقل إلى وضع الاستخراج وحمّل صورة لاستخراج لوحتها
4انقر على زر التصدير لنسخ إعدادات CSS/Tailwind/SCSS
الأسئلة الشائعة
ما الفرق بين هذه الأداة ومحول الألوان وقطارة الألوان؟
محول الألوان يحول بين تنسيقات HEX و RGB و HSL وغيرها. قطارة الألوان تلتقط لونًا واحدًا من صورة. لوحة الألوان تنشئ أنظمة ألوان متناغمة من لون أساسي أو تستخرج لوحات كاملة من الصور.
هل يمكنني قفل ألوان فردية في اللوحة؟
نعم. كل عينة لونية بها زر قفل. يتم الحفاظ على الألوان المقفلة عند تغيير اللون الأساسي أو قاعدة التناغم. يتم إعادة توليد الألوان غير المقفلة فقط.
ما هي قواعد التناغم التي يجب أن يستخدمها المبتدئون؟
المكمل يخلق تصاميم عالية التباين. المشابه دقيق وموحد — رائع للعلامات التجارية. أحادي اللون نظيف واحترافي. الثلاثي والرباعي أكثر تقدماً لكنهما يخلقان لوحات غنية ومتوازنة.
ما مدى دقة استخراج لوحة الألوان من الصور؟
باستخدام تجميع الألوان مع دمج المسافة الإقليدية، تستخرج الأداة ما يصل إلى 8 ألوان سائدة. يتم تصفية البكسلات الشفافة ويظهر كل لون نسبته المئوية. للاختيار الدقيق، استخدم وضع القطارة.
هل يتم رفع بياناتي إلى أي خادم؟
لا. جميع حسابات الألوان ومعالجة الصور تتم بالكامل في متصفحك. لا يتم رفع أي شيء.
ما إصدار Tailwind الذي يستهدفه التصدير؟
يقوم تصدير Tailwind بتوليد صيغة ألوان مخصصة @theme من Tailwind CSS v4 باستخدام متغيرات --color-*.