مولّد لوحات الألوان
يعمل على جهازك. لا يُرسل أي شيء.كل شيء يحدث في متصفحك - لا يُرفع أي شيء.
عدد الألوان5
تلميح: اضغط مفتاح المسافة للوحة جديدة.التناسق
تصدير
:root {
--color-1: #264653;
--color-2: #2a9d8f;
--color-3: #e9c46a;
--color-4: #f4a261;
--color-5: #e76f51;
}أنشئ لوحات ألوان من تناسقات دائرة الألوان أو عشوائيًا، وثبّت الألوان التي تعجبك، وانسخها كمتغيرات CSS أو ألوان Tailwind أو JSON.
اضغط إنشاء (أو مفتاح المسافة) للحصول على لوحة جديدة. ثبّت الألوان التي تريد الاحتفاظ بها وسيُعاد بناء البقية حولها وفق تناسق من دائرة الألوان: ألوان متجاورة، أو تدرج أحادي، أو ألوان متقابلة متكاملة أو متكاملة منقسمة، أو ثلاثية ورباعية - أو عشوائية بالكامل بدرجات موزعة بالتساوي. انقر على رمز hex لنسخه أو على اللون لاختياره بنفسك. صدّر اللوحة كخصائص CSS مخصصة أو سلم ألوان Tailwind أو JSON، أو احفظها PNG، أو انسخ رابطًا يفتح اللوحة نفسها.
الأسئلة الشائعة
ماذا تعني التناسقات؟
هي مواقع على دائرة الألوان. الألوان المتجاورة متقاربة (هادئة)، والمتكاملة متقابلة (تباين عالٍ)، والمتكامل المنقسم يستخدم جارَي اللون المقابل، والثلاثي ثلاثة ألوان بينها 120°، والرباعي أربعة بينها 90°. أما الأحادي فيحافظ على الدرجة ويغيّر الإضاءة.
كيف أبني لوحة حول لون علامتي التجارية؟
انقر على اللون الأول واختر لونك وثبّته ثم اضغط إنشاء. تُملأ الخانات الحرة وفق التناسق المختار بدءًا من لونك.
هل النص فوق كل لون مقروء؟
يتحول رمز hex إلى الأسود أو الأبيض حسب الأعلى تباينًا. للنصوص الطويلة تحقق من الزوج الدقيق في مدقق تباين WCAG ضمن أدوات الألوان لدينا.
هل يُحفظ أي شيء؟
تُحفظ لوحتك الحالية على هذا الجهاز. ويحمل الرابط المشترك الألوان بعد علامة # في العنوان، وهذا الجزء لا يُرسل إلى خادمنا.