عارض ومنشئ لوحات الألوان
أنشئ، اعرض، وادِر لوحات الألوان بميزات متقدمة. أنشئ لوحات باستخدام نظرية الألوان، استورد من تنسيقات متنوعة، تحقق من تباين إمكانية الوصول، وصدّر إلى تنسيقات CSS، SCSS، Tailwind، JSON، أو PNG.
أنشئ، اعرض، وادِر لوحات الألوان بميزات متقدمة. أنشئ لوحات باستخدام نظرية الألوان، استورد من تنسيقات متنوعة، تحقق من تباين إمكانية الوصول، وصدّر إلى تنسيقات CSS، SCSS، Tailwind، JSON، أو PNG.
اختر طريقتك
اختر من علامات التبويب: القوالب (لوحات جاهزة)، المولد (نظرية الألوان)، أو مخصص (أنشئ خاصتك) للبدء.
اختر أو أنشئ الألوان
تصفح لوحات القوالب حسب الفئة، أنشئ باستخدام أنظمة الألوان مثل المتكاملة أو الثلاثية، أو أنشئ لوحات مخصصة يدويًا.
تعديل وتحسين
انقر على أي لون لتعديله باستخدام منتقي الألوان، اسحب الألوان لإعادة ترتيبها، أو استخدم زر التبديل (shuffle) لترتيبات جديدة.
التحقق من إمكانية الوصول
استخدم مدقق التباين لضمان أن تركيبات الألوان الخاصة بك تلبي معايير إمكانية الوصول WCAG لقابلية قراءة النص.
تصدير لوحتك
صدّر لوحتك النهائية كمتغيرات CSS، SCSS، إعدادات Tailwind، بيانات JSON، أو صورة PNG لاستخدامها في مشاريعك.
مكتبة لوحات القوالب
اختر من مجموعة منسقة من لوحات الألوان الاحترافية المصنفة حسب فئات مثل الطبيعة، الحديثة، الكلاسيكية، والمزيد.
مولد الألوان بنظرية الألوان
أنشئ لوحات متناسقة باستخدام مبادئ نظرية الألوان بما في ذلك الألوان المتكاملة، الثلاثية، المتناظرة، الأحادية، والمتكاملة المنقسمة.
استيراد/تصدير بتنسيقات متعددة
استورد لوحات من متغيرات CSS، SCSS، إعدادات Tailwind، JSON، أو قوائم الهيكس. صدّر إلى أي من هذه التنسيقات بالإضافة إلى صور PNG.
مدقق تباين إمكانية الوصول
مدقق تباين WCAG مدمج مع مؤشرات توافق AA/AAA لضمان أن تركيبات الألوان الخاصة بك تلبي معايير إمكانية الوصول.
محرر الألوان التفاعلي
انقر على أي لون لتحريره باستخدام منتقي الألوان، اسحب لإعادة ترتيب الألوان، واضبط السطوع مع معاينة فورية.
إنشاء لوحات ألوان مخصصة
أنشئ واحفظ لوحات الألوان المخصصة الخاصة بك بأسماء شخصية ومجموعات ألوان غير محدودة.
عارض لوحات الألوان هو أداة تصميم تساعدك على إنشاء، تنظيم، وإدارة أنظمة الألوان لمشاريعك. يجمع بين مبادئ نظرية الألوان والميزات العملية مثل تحويل التنسيقات، فحص إمكانية الوصول، ومكتبات القوالب لتبسيط سير عمل التصميم الخاص بك وضمان تركيبات ألوان احترافية ومتناسقة.
نظرية الألوان الاحترافية
أنشئ أنظمة ألوان متوازنة علميًا باستخدام مبادئ نظرية الألوان المثبتة لتصاميم جذابة بصريًا.
تصدير سهل للمطورين
صدّر مباشرة إلى متغيرات CSS، SCSS، Tailwind CSS، أو تنسيقات JSON لدمج سلس في سير عمل التطوير الخاص بك.
التوافق مع إمكانية الوصول
يضمن مدقق تباين WCAG المدمج أن اختياراتك للألوان تلبي معايير إمكانية الوصول لتصميم شامل.
مكتبة القوالب
اطلع على مئات لوحات الألوان المنسقة باحترافية والمنظمة حسب النمط والفئة للإلهام الفوري.
خصوصية تامة
تتم جميع المعالجة محليًا في متصفحك - تبقى لوحات الألوان وتفضيلاتك خاصة وآمنة.
يمكنك استيراد لوحات من متغيرات CSS (:root)، متغيرات SCSS ($color)، ملفات إعدادات Tailwind، كائنات JSON، أو قوائم ألوان هيكس بسيطة. يدعم كل من تحميل الملفات ولصق النصوص.
يستخدم المولد العلاقات الرياضية للألوان على عجلة الألوان لإنشاء لوحات متناسقة. اختر من الألوان المتكاملة (ألوان متقابلة)، الثلاثية (ثلاثة ألوان متباعدة بالتساوي)، المتناظرة (ألوان متجاورة)، والمزيد.
تتبع الأداة إرشادات WCAG 2.1، وتتحقق من توافق AA (نسبة 4.5:1)، AAA (نسبة 7:1)، وAA للنص الكبير (نسبة 3:1) لضمان أن ألوانك تعمل للمستخدمين الذين يعانون من ضعف البصر.
نعم! انقر على أي عينة لون لفتح محرر منتقي الألوان. يمكنك أيضًا سحب الألوان لإعادة ترتيبها أو استخدام زر التبديل لإعادة ترتيب اللوحة عشوائيًا.
صدّر لوحاتك كخصائص CSS مخصصة، متغيرات SCSS، إعدادات Tailwind CSS، كائنات بيانات JSON، أو صور PNG. كل تنسيق محسّن لسير عمل تطوير مختلف.
تحتوي لوحات القوالب عادةً على 5 ألوان، لكن اللوحات المخصصة يمكن أن تحتوي على 3 ألوان أو أكثر. تتعامل الأداة تلقائيًا مع أحجام اللوحات المختلفة وتوسعها عند الحاجة للقوالب.