مولد الأدوات العملية
مولد لوحة الألوان
أنشئ لوحة متناغمة وسهلة الوصول انطلاقًا من لون أساسي أو صورة أو فكرة عشوائية.
HEX · RGB · HSL · OKLCH · WCAG
استوديو لوحات الألوان
أنشئ لوحة متناغمة وسهلة الوصول انطلاقًا من لون أساسي أو صورة أو فكرة عشوائية.
لوحتك
اضغط أي رمز لنسخه. ثبّت الألوان أو أعد ترتيبها قبل الإنشاء مجددًا.
اسحب البطاقات أو استخدم الأسهم لإعادة الترتيب.
معاينة مباشرة للواجهة
إمكانية الوصول والتباين
جدول التباين
معاينة رؤية الألوان
معاينة تقريبية؛ اختبر مع مستخدمين حقيقيين ولا تعتمد على اللون وحده.
منشئ التدرجات
تصدير اللوحة
اختر تناغم الألوان
تنوّع اللوحة الأحادية درجة واحدة. الألوان المتجاورة قريبة، بينما تستخدم الأنماط المتكاملة والثلاثية والرباعية علاقات لونية أوسع.
تحقق من إمكانية الوصول
تظهر نتائج WCAG بنص أيضًا. يحتاج النص العادي إلى 4.5:1 لمستوى AA والنص الكبير إلى 3:1.
استخدم التنسيق المناسب
يحظى HEX وRGB بدعم واسع، ويسهل تعديل HSL، بينما يوفر OKLCH سطوعًا وتشبعًا أكثر اتساقًا بصريًا.
أسئلة شائعة عن مولد اللوحات
ما تناغم الألوان؟
هو علاقة قابلة للتكرار بين الدرجات، مثل الألوان المتجاورة أو المتكاملة أو الثلاثية.
كيف أجعل اللوحة سهلة الوصول؟
افحص تباين النص والخلفية، ولا تعتمد على اللون وحده، واختبر الحالات التفاعلية.
هل تُرسل الصورة إلى الخادم؟
لا. يجري استخراج الألوان محليًا في المتصفح ولا تُرفع الصورة.
أي تنسيق تصدير أستخدم؟
استخدم CSS للمواقع وSCSS لأوراق الأنماط وJSON للتطبيقات وPNG كمرجع بصري.
دليل أدوات الحيوانات الأليفة والأدوات الرقمية
هل تحتاج إلى أداة أخرى للحيوانات الأليفة أو التصميم الرقمي؟
استكشف أدوات عمر الكلاب والقطط وكميات الطعام وجرعات الأدوية، إضافة إلى لوحات الألوان وتخزين البيانات وكثافة البكسل والتحويل من RGB إلى HEX.